Home>Support>Can’t control the space between rows in Page Builder?

Can’t control the space between rows in Page Builder?

By Birgit, 10 years ago. Last reply by Andrew Misplon, 9 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].

Hi,

I am using the latest version of Vantage and Page Builder. I tried to reduce the bottom margin between the widgets within a row by adding those lines to the Custom CSS.

/* Set Page Builder bottom margin */
.panel-grid-cell {
margin-bottom: -20px !important;
/* Adjust the number on this row as desired */
}

Still, the wide margins stay the same. Any idea?

Cheers,

Birgit

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

  1. 10 years, 18 days ago Birgit

    Without this line:
    /* Adjust the number on this row as desired */
    :-D

  2. 10 years, 18 days ago Andrew Misplon
    Hi, I Work Here

    Hi Birgit

    Thanks for reaching out. The CSS you’ve used is from an older forum thread and shouldn’t be required anymore. If you go to Settings > Page Builder > Layout you’ll find a series of layout related settings, of which is Bottom Margin.

    On each row you can also do the following:

    1. Edit the row by clicking the wrench icon far right.
    2. Click Edit Row.
    3. Click the Layout tab. There you can set a custom bottom margin or:
    4. Click the Theme tab and enable the No Bottom Margin setting.

    Let us know how you come along with that.

  3. 10 years, 18 days ago Birgit

    Hi Andrew,

    there is a misunderstanding. I am not talking about the space between rows,
    I am talking about the vertical space between the widgets in a row …

    Sorry, my English is not the best … ;-)

    Am 21.07.15 17:04 schrieb "Andrew Misplon" unter
    <forum+14982-u19817-13913d29bbf93dd320e87c3a8976c4d816cf293c@siteorigin.com>
    :

  4. 10 years, 18 days ago Andrew Misplon
    Hi, I Work Here

    No problem. Please, send a link to your site and name a specific example and we’ll try help from there. You can use the Private Reply checkbox below to keep your site URL private. Thanks.

  5. 10 years, 15 days ago Private Message - Birgit

    This is a private message.

  6. 10 years, 15 days ago Andrew Misplon
    Hi, I Work Here

    Thanks for the update.

    Please edit the row concerned, click the Attributes tab on the right and enter the following in as a “Cell Class”:

    no-bottom-margin

    Next go to Appearance > Custom CSS and enter the following:

    /* Page Builder Custom Styles */

.no-bottom-margin .widget {
  margin-bottom: 0 !important;
}

    Let us know how that goes.

  7. 9 years, 11 months ago kanderson

    Hi Andrew,

    I tried your last example, but it did not change anything in my site. What else can I try?

    • 9 years, 11 months ago Andrew Misplon
      Hi, I Work Here

      Hi Kanderson

      We’d like to help you, but can you please start a new thread with your question? We can only offer you the best support possible when you’re the owner of a thread.

      Page: New Thread

      If you’re a premium user, please be sure to enter your order number so we can properly prioritize your thread.

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