Archived topic

Where is this padding coming from?

6 replies · Started by Yael on August 27, 2017

Viewing posts 1–7 of 7

August 27, 2017 at 1:17 am #374086

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.

sheep

August 27, 2017 at 1:19 am #374089

August 27, 2017 at 1:26 am #374091

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.

August 27, 2017 at 4:58 am #374134

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>

August 27, 2017 at 9:45 am #374229

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/

August 27, 2017 at 10:31 am #374262

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.

August 28, 2017 at 12:00 am #374485

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.

This archived topic is closed to new replies.

Start building better websites today.