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

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

By Birgit, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

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. 9 years, 2 months ago Birgit

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

  2. 9 years, 2 months 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. 9 years, 2 months 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. 9 years, 2 months 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. 9 years, 1 month ago Private Message - Birgit

    This is a private message.

  6. 9 years, 1 month 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, 1 month 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, 1 month 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