Title: Full width stretched
Last modified: July 4, 2018

---

# Full width stretched

 *  Resolved [lauratraveler](https://wordpress.org/support/users/lauratraveler/)
 * (@lauratraveler)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/)
 * Hi,
 * What’s the difference between ‘full width stretched’ and ‘full width stretched
   padded’ for rows?
 * Also, what the difference between cell vertical alignment set to ‘top’ or ‘stretch’?
 * Both of these options seem to do the same thing… I can’t see any difference.
 * What I’m trying to do is make the widget reach the edge of the browser to the
   right as well as take the height of the row. But there’s always a space to the
   top, right and bottom, no matter what settings I choose…
 * Thanks!

Viewing 15 replies - 1 through 15 (of 16 total)

1 [2](https://wordpress.org/support/topic/full-width-stretched/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/full-width-stretched/page/2/?output_format=md)

 *  [SiteOrigin Support](https://wordpress.org/support/users/siteoriginsupport/)
 * (@siteoriginsupport)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10463222)
 * Hi
 * Full Width Stretched Padding will add padding to the sides of the row, Full Width
   Stretched won’t. Both have 100% width content and backgrounds.
 * Cell vertical alignment stretch is using flexbox. Stretch will:
 * _stretch to fill the container (still respect min-width/max-width)_
 * Ref: [https://css-tricks.com/almanac/properties/a/align-items/](https://css-tricks.com/almanac/properties/a/align-items/)
 * Please, send a link to the page so we can take a look at what’s going on. For
   questions like this, it’s rare that we’ll be able to assist fully without taking
   a look at the challenge directly, thanks 🙂
 *  Thread Starter [lauratraveler](https://wordpress.org/support/users/lauratraveler/)
 * (@lauratraveler)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10464608)
 * [@siteoriginsupport](https://wordpress.org/support/users/siteoriginsupport/) 
   Thanks, that’s what I thought.
 * Here’s the link – [https://www.bylauraiancu.com](https://www.bylauraiancu.com)–
   it’s for the image next to ‘I’m Laura’. I have this row set to ‘Full Width Stretched’
   and the cell vertical alignment to ‘stretch’. However, the image doesn’t get 
   all the way to the right and it’s aligned top.
 * Your help is appreciated!
 * Laura
    -  This reply was modified 7 years, 11 months ago by [lauratraveler](https://wordpress.org/support/users/lauratraveler/).
 *  [SiteOrigin Support](https://wordpress.org/support/users/siteoriginsupport/)
 * (@siteoriginsupport)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10465707)
 * Thanks for the link 🙂 All seems to be ok on my end, at least in MacOS Chrome,
   Firefox, and Safari. Did you perhaps make progress since last posting?
 *  Thread Starter [lauratraveler](https://wordpress.org/support/users/lauratraveler/)
 * (@lauratraveler)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10466175)
 * [@siteoriginsupport](https://wordpress.org/support/users/siteoriginsupport/) 
   Nope, I didn’t make any progress. The extra space is still there. I’m attaching
   a [photo](https://2.bp.blogspot.com/-2Tg5BukmrXY/Wz4w8q3-K3I/AAAAAAAAtAw/bv8-4b9dNUshIV22XCWB5lPM1MoG4b_HgCLcBGAs/s1600/1-1-1.jpg)
 *  [SiteOrigin Support](https://wordpress.org/support/users/siteoriginsupport/)
 * (@siteoriginsupport)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10467851)
 * Thanks.
 * The gaps shown aren’t present in MacOS Chrome, Firefox or Safari. Which browser
   are you testing with?
 *  Thread Starter [lauratraveler](https://wordpress.org/support/users/lauratraveler/)
 * (@lauratraveler)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10469218)
 * [@siteoriginsupport](https://wordpress.org/support/users/siteoriginsupport/) 
   I’m testing from MacOS Chrome and Safari from a 13″ screen and the gaps are present
   in both browsers. Maybe your screen is bigger or smaller and that’s why you don’t
   see the gaps?
 *  [SiteOrigin Support](https://wordpress.org/support/users/siteoriginsupport/)
 * (@siteoriginsupport)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10470256)
 * Thanks.
 * At Settings > Page Builder > Layout > Use Legacy Layout Engine, what setting 
   is selected? Ideally, it would be on Detect older browsers.
 *  Thread Starter [lauratraveler](https://wordpress.org/support/users/lauratraveler/)
 * (@lauratraveler)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10472199)
 * [@siteoriginsupport](https://wordpress.org/support/users/siteoriginsupport/) 
   Yup, that’s what I have, ‘Detect older browsers’. My browser is up to date btw.
 * I’ve also tested this from an iPad in landscape view and since the screen is 
   smaller, the gap under the photo is even bigger.
 *  [SiteOrigin Support](https://wordpress.org/support/users/siteoriginsupport/)
 * (@siteoriginsupport)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10472350)
 * We can’t see front-flex.css which should be outputting so something is missing.
   Please, try clearing Autoptimize and temporarily deactivating it. Thanks.
 *  [Optimizing Matters](https://wordpress.org/support/users/optimizingmatters/)
 * (@optimizingmatters)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10472398)
 * pro-tip; you can disable Autoptimize on a per-request basis by adding `?ao_noptimize
   =1` to the URL.
 * if the problem is not there at that point, some autoptimize (re-)configuration
   might be needed to fix this. there are troubleshooting tips and info on how to
   exclude in [the AO FAQ](https://wordpress.org/plugins/autoptimize/#faq).
 * hope this helps debugging,
    frank (ao dev)
 *  [SiteOrigin Support](https://wordpress.org/support/users/siteoriginsupport/)
 * (@siteoriginsupport)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10472402)
 * Super, thanks for the tip, appreciate it 🙂
 *  Thread Starter [lauratraveler](https://wordpress.org/support/users/lauratraveler/)
 * (@lauratraveler)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10472827)
 * [@siteoriginsupport](https://wordpress.org/support/users/siteoriginsupport/) 
   I cleared Autoptimize and purged the cache and added the `?ao_noptimize=1` to
   the URL. But it’s still the same, nothing changes, the gap is still there.
 *  [SiteOrigin Support](https://wordpress.org/support/users/siteoriginsupport/)
 * (@siteoriginsupport)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10472833)
 * Thanks for trying. I’ll ask Alex to take a look for us.
 *  Plugin Contributor [alexgso](https://wordpress.org/support/users/alexgso/)
 * (@alexgso)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10475717)
 * Hi laura,
 * Can you please try adding the following CSS to either **WP Admin > Appearance
   > Custom CSS** or **WP Admin > Appearance > Customize**, **Additional CSS** or
   your child theme:
 *     ```
       .panel-grid-cell:after, .panel-row-style:after {
       	content: none !important;
       }
       ```
   
 * How does that look?
 * If that doesn’t help, I see a [floating button](https://i.imgur.com/QhKa1t0.png)
   above the image. Can you please [temporarily disable all addons](https://support.google.com/chrome_webstore/answer/2664769?hl=en)
   and [clear your browser cache](https://support.google.com/accounts/answer/32050?co=GENIE.Platform%3DDesktop&hl=en)
   to see if that helps?
    -  This reply was modified 7 years, 11 months ago by [alexgso](https://wordpress.org/support/users/alexgso/).
      Reason: Updated reply with possible solution
 *  Thread Starter [lauratraveler](https://wordpress.org/support/users/lauratraveler/)
 * (@lauratraveler)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/full-width-stretched/#post-10551745)
 * That fixed the gap at the right of the image. Thanks, [@alexgso](https://wordpress.org/support/users/alexgso/).
   However, the image still doesn’t stretch vertically. What settings should I use
   for that? I tryed both adding the image inside a widget and setting it as a background
   image for the widget. Neither works.

Viewing 15 replies - 1 through 15 (of 16 total)

1 [2](https://wordpress.org/support/topic/full-width-stretched/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/full-width-stretched/page/2/?output_format=md)

The topic ‘Full width stretched’ is closed to new replies.

 * ![](https://ps.w.org/siteorigin-panels/assets/icon.svg?rev=2556869)
 * [Page Builder by SiteOrigin](https://wordpress.org/plugins/siteorigin-panels/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/siteorigin-panels/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/siteorigin-panels/)
 * [Active Topics](https://wordpress.org/support/plugin/siteorigin-panels/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/siteorigin-panels/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/siteorigin-panels/reviews/)

 * 16 replies
 * 4 participants
 * Last reply from: [alexgso](https://wordpress.org/support/users/alexgso/)
 * Last activity: [7 years, 10 months ago](https://wordpress.org/support/topic/full-width-stretched/page/2/#post-10561273)
 * Status: resolved