How can I resize the featured image in blog posts?

Store Design
1

Hello,

I am trying to figure out how to change the size of the featured image in the blog posts themselves to about half of their current size. I am using the modular theme and my store website is eleadorabeauty.com.

eleadorabeauty_0-1664214322273.png
eleadorabeauty_0-1664214322273.png1132×847 231 KB

2

Hi @eleadorabeauty ,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
.article__image.lazyloaded {
    width: 60% !important;
    margin: auto !important;
}
3

Hi.

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code and add this code on file theme.css

.blogModule-posts__post-block{

width: 60%;
margin: auto;

}

Hope this helps.

Best Regards;

Pagefly

4

Hi Ahsan thanks for the reply. This seems to work except the height remains the same and it crops the image. Is it possible to shrink the image down in both height and width while not cropping it?

5

please replace the previous code with this one

.article__image.lazyloaded {
    width: 50% !important;
    height: auto !important;
    margin: auto !important;
    background-size: 100% !important;
}