Blog – reduce featured image and categories

[CMurrin]

Hello,

Please can you help me with a couple of queries about the category pages.

1. I want to change the category page layout so it is a grid layout rather than a list. My other website uses this layout http://www.chrismurringuitar.com/category/freelessons/chords/ instead of the list layout I have at the moment at http://www.sixstringfingerpicking.com/category/beginner/ As you can see, I want it to be easy to use for guitar lessons.

2. I’d like to make the featured image sizes smaller so they fit into the grid layout, but I’d also like to turn off the image zoom when you hover over them. How can I do this please?

3. Can I stop the title ‘Category Archives’ from appearing at the top of the page? So instead it will only say ‘Beginner’.

Thank you very much for your help.
Chris

[Piotr (Tech Support)]

Hello Chris,

Hope you are doing great. You may want to add some CSS code to your Integral Options > Custom Code section:

1.
//You can manipulate the below values so it fits your requirements
.category .content .post {
width: 49%;
float: left;
margin: 3px;
}
2.
.category .page-header h1{
display:none;
}
3. To disable hover effect on Category pages you should edit the 27th line of category.php file, so it looks <figure class=”post-image”> instead of <figure class=”post-image hovereffect”>

Please keep in mind, that using child theme will prevent PHP code to be overwritten during the update.

Let me know if you have any problems.

Cheers,
Piotrek

[CMurrin]

Hi Piotrek,

Thanks very much for helping, that’s just what I needed!

All the best,
Chris

[Piotr (Tech Support)]

Hello Cris,

You are more than welcome, I’m glad I could help.

Cheers,
Piotrek