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.

How to remove space between two widgets in a pagebuilder row

Open 4 replies technicalthemetheme-vantage
ingegerd
8 years ago · Last reply by Alex S 8 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. ingegerd 8 years, 20 days ago

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

  2. Alex S Staff 8 years, 18 days ago

    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. ingegerd 8 years, 18 days ago

    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. Alex S Staff 8 years, 13 days ago

    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.

Have a different question or issue?

Start New Thread