Return to previous page

Blog Page images size issue-becomes blurr on size reduction

This topic has 2 replies, 2 voices, and was last updated 1 years, 6 months ago ago by Rose Tyler

webpat

Participant

May 2, 2023 at 05:23

When I want to change Size of images on the Blog Page…..by making it “thumbnail” size….the image becomes blurr…

However, on particular blog post, they appear as wanted….

I want to reduce image size on blog page…where recent blogs are shown……. The image quality should not deteriorate…

#355072 Copied Theme version: 6.2 WooCommerce version: 14.2

1 Answer
Rose Tyler

Support staff

May 2, 2023 at 10:56
Hello, Webpat,

Thank you for getting in touch with us.

Do you mean this – https://prnt.sc/G2m47KbnZ2pb ?
Please try to use the next custom CSS code:
```
article.blog-post .wp-picture img, .wp-picture .blog-mask {
    max-width: 300px;
    margin: auto;
}
```
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team
#355116 Copied
Tagged: blog page, blurry, images size, optimization, reduction, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)