This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Setting row layout to more than 1 causes Row Layout to stretch.

Open 5 replies pluginplugin-page-buildertechnical
Rafaël De Jongh
8 years ago · Last reply by Alex S 8 years ago

So I’ve got a website where I’m using the latest version of SiteOrigin Page Builder and I noticed that whenever I set the row layout to anything more than 2 that the Row Layout is stretching to full width for some reason. This is really annoying as I can’t make any other layouts than a single row layout.

This is the Beautiful Baked template layout and as you can see the row with the 4 blocks is caused to be full width:

Does anyone got any solution for this? Here is the website: https://goo.gl/qHAuus

Thanks in advance!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Alex S Staff 8 years, 6 months ago

    Hi Rafaël,

    Are you still facing this issue? I ask I’ve had a look at this issue and I can’t seem to see this issue anywhere. Do you still need help with this issue? If so, can you please add a row with this setup so I can inspect it?

  2. Rafaël De Jongh 8 years, 6 months ago

    I’m indeed still facing the issue but resolved this by using full page layout builder widget to replicate the effect.

    So in terms of actual use it is “fixed” but in general it’s a bit of a hack.

    Here’s a secondary page where the problem is at hand: https://www.jadranko-ostojic.com/home/

    I can only open it up for around 2 hours then I need to remove it again as this is a public site so I can’t have this shown too long to the public I’m afraid.

    So any help would be appreciated!

  3. Alex S Staff 8 years, 6 months ago

    Hi Rafaël,

    This appears to be a general issue with how your theme handles containers (it’s applying it directly to the widget rather than the row itself). Please add the following CSS to WP AdminAppearanceCustom CSS:

    .panel-grid.panel-no-style {
	max-width: 1170px;
}
.panel-grid > .panel-row-style:not(.siteorigin-panels-stretch) {
	max-width: 1170px;
}

    How does that look?

    You might also need to install the SiteOrigin CSS Editor.

  4. Rafaël De Jongh 8 years, 6 months ago

    This resulted in the following:

    left

    If it’s really the theme then I can indeed fix the CSS issue myself.

    Thanks either way for looking into it!

  5. Alex S Staff 8 years, 6 months ago

    Hi Rafaël,

    Oh. Sorry, you’ll need to center the above CSS. Something like this:

    .panel-grid.panel-no-style {
	max-width: 1170px;
}
.panel-grid > .panel-row-style:not(.siteorigin-panels-stretch) {
	max-width: 1170px;
}

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread