Changeimage size when posts viewed in a category

[Julie]

Hello,

I use Encounters primarily as a blog/website. I like to use the large image on the main blog home page as you will see here. http://www.thebeautyissue.com
I’d like to be able to revert to a thumbnail image when looking at posts in a specific category. Is there an easy way of doing this?

Just to be clear, image to remain large on main home page but a thumbnail when viewed through a specific category.

Thanks

Julie

[Shekhar Bhandari]

Hi Julie,
To make the image large on front page and small on category pages you should put the following css into your child theme css files.

body.category .category-blog img {
    width:60%;
}

Thanks.

[Julie]

Okay thanks. So… I guess I put that code somewhere in the editor.. but where exactly and also, is it okay just to have the one size of my featured image in my media file?

Sorry, not techy, just muddle through, so sorry if my questions are a little vague 🙂

[Anonymous]

You should use that CSS in the style.css of your child theme.

You can change the 60% to any other value as you want.

[Julie]

Thanks,

I did this. (screenshot attached) But no change to category image.

[Shekhar Bhandari]

Hi Julie,
We couldn’t find your attachment so could you please attach it or provide the url link of the site that you are currently working. So, We could figure out what actually is not working for you.
Thanks.

[Julie]

Hello
Attached screenshot again. And my website url is http://www.thebeautyissue.com
Thanks
Julie

[Shekhar Bhandari]

Hi julie,
I found that you haven’t inserted the code that we provided in child theme css files. So, Please insert it.
The Steps to insert the css are as follows:

1. Go to Appereance
2. Go to Editor
3. Select the style.css file from right side
4. Paste the code that we have provided

Hope it Works.

Thanks

[Julie]

Yay.. it worked that time.. I put the code in a different spot.

All good now. Thank you so much 🙂

[Author]

Posts