[Support request] Where is this padding coming from?

[Yael]

I actually think this is related to image sizes but I’m not sure how to modify the max featured image size.

Page URL:

https://www.suzannewest.com/this-is-the-post-title/

Password: Akashic

I want the image to extend full width in the container; there’s no padding set to I believe the issue is caused by max width found in source code.

And I can’t figure out where this max-width size is coming from? Is that a GP setting?

Any help would be appreciated.

Thank you.

[Yael]

<img class="fl-photo-img wp-image-472 size-large" src="https://www.suzannewest.com/wp-content/uploads/2017/08/sheep-1024x575.jpg" alt="sheep" itemprop="image" height="505" width="900" srcset="https://www.suzannewest.com/wp-content/uploads/2017/08/sheep-1024x575.jpg 1024w, https://www.suzannewest.com/wp-content/uploads/2017/08/sheep-300x168.jpg 300w, https://www.suzannewest.com/wp-content/uploads/2017/08/sheep-768x431.jpg 768w, https://www.suzannewest.com/wp-content/uploads/2017/08/sheep.jpg 1194w" sizes="(max-width: 900px) 100vw, 900px" />

[Yael]

The actual image size is 1024 x 670 but it is being resized to 900 pixel width and I just can’t figure out where this forced resizing is coming from.

[Yael]

I am really not sure how I resolved this but here’s what I did:

I reactivated Blog and Page Headers from GP Premium and went to customizer to see if I could get the layout I wanted for single posts. Wasn’t successful so deactivated Blog and Page Header and activated Beaver Themer layout for single posts again.

And wallah — the max width 900 had been removed from source code:

<div class="fl-photo-content fl-photo-img-jpg">
				<img class="fl-photo-img wp-image-472 size-large" src="https://www.suzannewest.com/wp-content/uploads/bb-plugin/cache/sheep-1024x575-panorama.jpg" alt="sheep" itemprop="image" height="575" width="1024"  />
		    
			</div>
	</div>

[Tom]

What you’re seeing in the source there is WordPress responsive images.

WP will serve images closer to the size of the screen.

More info here: https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/

[Yael]

Hi Tom,

I’ve just not encountered this issue ever before (working with WP since 2009) and then it mysteriously resolved when I took the steps listed in my last comment:

I am really not sure how I resolved this but here’s what I did:

I reactivated Blog and Page Headers from GP Premium and went to customizer to see if I could get the layout I wanted for single posts. Wasn’t successful so deactivated Blog and Page Header and activated Beaver Themer layout for single posts again.

And wallah — the max width 900 had been removed from source code:

Would love to know for future development what happened here. If purely WP and not related to GP or something else, why did the issue resolve ?

Can you shed any additional light on this? I would appreciate.

[Tom]

Hmm, I’m not really sure what happened there.

Currently in GPP, if a resized image is active (resized in the Page Header or in Customize > Blog), it will remove the responsive image feature from WP.

In GPP 1.5, we actually try to work with responsive images, as it’s better for performance.

[Author]

Posts