Home>Support>(Page Builder) Gutter size changes when the row is modified

(Page Builder) Gutter size changes when the row is modified

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello! First of all, I would like to congratulate you for the great plugin you have created.

I would like to report what I consider is a bug, although it may be that I’m doing something wrong or just a feature:

when I create a row and add two columns, I add an image widget to each column, the space between the images defaults to 30px, as expected.

But if I make any change to the row, like adding a background color or change the row structure to “total width” or “extended total width”, the space between the columns becomes much thinner.

I have tried to manually change the space between the columns to 30px when that happens, but, of course, that configuration also adds some space to the outer sides of the row content, so the content of that row becomes misaligned with the content of the rest of the rows.

I can also confirm that the same happens with other widgets apart from images, like custom HTML.

Thanks for your attention

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 7 months ago Alex S
    Hi, I Work Here

    Hi Gonzalo,

    Do you have a public URL where we can take a look at what’s going on? I suspect this issue is related to flex and theme CSS. If it is, it can be overridden with some custom CSS.

  2. 7 years, 6 months ago Gonzalo C. O.

    Hi Alex S:

    right now I don’t have any live example. The info I can provide is that it happened with the Vantage community theme and using a PageBuilder template.

    Thank you for your interest,

  3. 7 years, 6 months ago Alex S
    Hi, I Work Here

    Hi Gonzalo,

    Hm. Please try adding the following CSS to WP AdminAppearanceCustom CSS:

    .panel-row-style:before, .panel-row-style:after {
    	content: none;
    }
    

    How does that look?

    You might also need to install the SiteOrigin CSS Editor.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More