Changing Featured Image Resolution on Main Blog Page

[Christopher Williams]

On the Event Planners theme, we’ve enlarged the featured image for an article on the main blog page. However, because of the srcset, the image is blurry. We would like to have these images be the correct resolution at our desired size.

[Sonl Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Chris

[Christopher Williams]

You can access it here: http://urlgone.com/540d9a/

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.lay4 .hentry img { width:auto;}

Regards,
Chris

[Christopher Williams]

Yes; however, this merely shrinks the images down, instead of allowing them to span the entire article width on the front page.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.lay4 .post_image { width:40% !important;}
.lay4 .post_content { width:58%; float:left;}
.lay4 h2 a { font-size:24px !important;}

@media screen and (max-width:479px) {
.lay4 .post_image { width:100% !important;}
}

Regards,
Chris

[Christopher Williams]

Okay, this support is not meeting expectations and needs to get on-point immediately.

We need a large featured image above the title and article preview, and one that is not blurry due to the srcset on the front page. This is a very simple design request. Please re-review your offered solutions, as they merely setup the page like the original template.

[Sonl Sinha]

Hi,

Remove CSS

.lay4 .post_image { width:40% !important;}
.lay4 .post_content { width:58%; float:left;}
.lay4 h2 a { font-size:24px !important;}

@media screen and (max-width:479px) {
.lay4 .post_image { width:100% !important;}
}

Add New CSS

.lay4 .post_image { width:100% !important;}
.lay4 .hentry img { width:auto;}
.lay4 .post_content { width:108%; float:left;}
.lay4 h2 a { font-size:24px !important;}

@media screen and (max-width:479px) {
.lay4 .post_image { width:100% !important;}
}

Regards,
Chris

[Author]

Posts