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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us