Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Support request] Where is this padding coming from?

Home Forums Support Where is this padding coming from?

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #374086
    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.

    sheep

    GP Premium 1.4.3
    #374089
    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" />

    #374091
    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.

    #374134
    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>
    #374229
    Tom
    Lead Developer
    Lead Developer

    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/

    #374262
    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.

    #374485
    Tom
    Lead Developer
    Lead Developer

    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.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.