Home>Support>How to remove space between two widgets in a pagebuilder row

How to remove space between two widgets in a pagebuilder row

By ingegerd, 7 years ago. Last reply by Alex S, 7 years ago.
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].

I have built a footer using Page Builder. The first row in the footer have two text editor widgets. I would like these two widgets to be as wide as the footer and also there should be no space in between them. I have succeeded to make them so using your CSS plugin in visual mode but as soon as I make any changes to the page the paddings to the left and right of both widgets are back again. How to make it permanent.

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, 5 months ago ingegerd

    Sorry I forgot the site address. It is styrsotest.nu and it is under development.

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

    Hi Ingegerd,

    Please open layout builder in your footer and then open the row housing the widgets in your footer and head over to the row styles sidebar. Open the Layout settings group and set the Bottom Margin to 0. Repeat this for the rest of the rows in your footer. How does that look?

  3. 7 years, 5 months ago ingegerd

    Hi Alex,
    Changing Bottom Margin did nothing and for the second row it was already set. When I managed to get what I wanted Custom CSS in visual mode came up with these CSS changes.

    #panel-w5a723c15a3f10-0-0-0.so-panel.widget.widget_sow-editor.panel-first-child.panel-last-child {
    padding-left: 0px !important;
    padding-right: 0px !important;
    }

    #panel-w5a723c15a3f10-0-1-0.so-panel.widget.widget_sow-editor.panel-first-child.panel-last-child {
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
    }

    #panel-w5a7243e5e636e-0-0-0.so-panel.widget.widget_sow-editor.panel-first-child.panel-last-child {
    padding-right: 0px !important;
    padding-left: 0px !important;
    }

    #panel-w5a7243e5e636e-0-1-0.so-panel.widget.widget_sow-editor.panel-first-child.panel-last-child {
    padding-right: 0px !important;
    padding-left: 0px !important;

    The first two was issued at one occasion and the next two at another. The page has been updated in between. As you can see the ID string is slightly different and I assume that is why the effect is disappearing as soon as the page is updated. The 0-0-0 is for the left side of the widget and the -0-1-0 is for the right side. It seems to be a very general ID string. I want the expansion only for the footer widgets.
    I really appreciate you taking the time to give suggestions how to solve this issue.

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

    Hi Ingegerd,

    Please navigate to WP AdminSettingsPage Builder and open the Widgets tab and untick Add Widget Class and save. How does that look?

    If spacing remains, do you have a public URL where we can take a look at your setup?

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