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

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

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

    This is a private message.

  6. Andrew Misplon Staff 10 years, 10 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, 9 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, 9 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