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.

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

Open 8 replies premiumthemetheme-vantage
Birgit
10 years ago · Last reply by Andrew Misplon 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Birgit 10 years, 7 months ago

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

  2. Andrew Misplon Staff 10 years, 7 months ago

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

    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. Andrew Misplon Staff 10 years, 7 months ago

    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. Birgit Private 10 years, 7 months ago

    This is a private message.

  6. Andrew Misplon Staff 10 years, 7 months ago

    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. kanderson 10 years, 6 months ago

    Hi Andrew,

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

    • Andrew Misplon Staff 10 years, 6 months ago

      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.

Have a different question or issue?

Start New Thread