Skip to content
hestia

Make your site feel premium – unlock more controls, more style, and a smoother building experience with priority support.

See Pro Plans →

How to make Hestia blog images full width

To achieve this go to Appearance->Customize->Additional CSS and add the following code:

.blog-posts-wrap .col-sm-5, .blog-posts-wrap .col-sm-7{
width: 100% !important;
}

After entering this code your images might look distorted. Follow this guide on how to change your image sizes: How to change blog image size in Hestia it's recommended that you upload all your blog post featured images in the same sizes so that they all get adjusted the same.

If you can't have all blog post featured images in the same height and width(example all featured blog images being 800px width by 350px height) when uploading, then when following the guide in the link above set the crop value to true

Note: If you're using the alternate blog layout, the one highlighted in the image below:

Your post except and blog metadata will appear above every even-numbered post.