Change image size on category page

[ramyasriram1]

Hi!

I’d like to change the size of the images on a specific category page. I’ve tried to edit the code but the image is always taking the full width. Could you help me do this please?

I’d like these images on this page to be made smaller:

Comics Archives - The Tap

Many thanks!
Ramya

[thai]

Hi There,

To resize the images on the category pages, please add the following CSS under Customizer > Custom > Global CSS:

.category .entry-content.content img {
    max-width: 50%;
    margin: 0 auto;
    display: block;
}

Hope it helps

[ramyasriram1]

Hello! Thanks for that. I’ve added the code but I don’t see any changes reflect at the moment

Anything else I can do?

Thanks!
Ramya

[friech]

Hi Ramya,

Where did you add the given CSS code? I am not seeing it?

I just tested the code provided and it works.

Since you have X version 3, add the code on Appearance > Customize > Custom > CSS.
Please clear your browser’s cache before previewing the page.

Cheers!

[ramyasriram1]

Hi,

Thanks for your message. I’m actually looking to reduce the size of the image by about 80% without changing the alignment (it can be left-aligned, not on the centre of the page). I tried to change the "50%’ parameter in the code, but it won’t work with that. Could you help me reduce the size slightly and retain the same margins please?

Thanks so much!

Ramya

[nabeel]

Hi again,

To do this, you can replace the previous code with this:

.category .entry-content.content img {
    max-width: 30%;
}

Feel free to adjust the percentage value. Hope this helps!

[ramyasriram1]

Great, thanks so much!

[christian]

You’re welcome.