Home>Support>Remove Spaces In Between Rows In Page Builder

Remove Spaces In Between Rows In Page Builder

By Ames Atkins, 4 years ago. Last reply by Andrew Misplon, 2 years ago.

http://amesandcharlie.com

Two questions. How do I remove the spaces in between rows and how can I page the visual style a little translucent?

I’m using Vantage Premium with Page Builder

Thanks!

Amy

This is a free community support forum. Replies are not guaranteed. If you need professional email support, please purchase a SiteOrigin Premium license.

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

    Hi Amy

    There are Page Builder margin settings available under Settings > Page Builder, the bottom margin setting unfortunately has a bug right now so you’ll need to set it manually. Insert the following under Appearance > Custom CSS:

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

    It’s not possible within Page Builder to set row opacity. You’d also need to use Custom CSS and rgba background color.

    For example for the main site containers:

    /* Vantage Full Width Set Page Opacity */
    
    header#masthead {
    background: rgba(255, 255, 255, 0.5) !important; 
    
    #main {
    background: rgba(255, 255, 255, 0.5) !important; 
    }
    
    #colophon {
    background: rgba(255, 255, 255, 0.5) !important; 
    }

    255, 255, 255 would need to be changed to the rgb background color being used in that container. 0.5 is the opacity.
    The first selector is the header, the second the site body and the third the footer so you can remove them as required.

  2. 3 years, 9 months ago Dagmar Lak

    Hi Andrew!

    .panel-grid-cell {
    margin-bottom: 0 !important;
    }

    does not work for me in Custom CSS.
    Is there another way?

    Please take a look at http://eurowood.us
    and note the white section between slider and
    the product icons row as well as between
    products icons row and footer.

    They are just too wide for me.

    Thanks a million.

    Dagmar.

  3. 3 years, 9 months ago Andrew Misplon Hi, I Work Here

    This is created by padding around the #main div. You can adjust it as follows:

    .home #main {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
    }

    Adjust as required. If you want the change to be applicable site-wide then remove the .home prefix.

  4. 3 years, 9 months ago Dagmar Lak

    Super! Works like a charm. Thanks Andrew.
    Love the Vantage theme!

    Cheers from Australia!

  5. 3 years, 9 months ago Andrew Misplon Hi, I Work Here

    Super; glad to hear that helped. All the best.

  6. 3 years, 9 months ago Louise Cohen

    Hi Andrew, I am rebuilding my site with the pagebuilder and each time I fill a page the space between rows gets bigger…. Can you help?

  7. 2 years, 8 months ago Mike Mitch Horne

    I too am trying to remove some of the space between rows. I tried what you recomended with

    /* Set Page Builder bottom margin */

    .panel-grid-cell {
    margin-bottom: 0 !important; /* Adjust the number on this row as desired */
    }

    But not seeing a difference…

    • 2 years, 8 months ago Andrew Misplon Hi, I Work Here

      Hi Mike

      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.

  8. 2 years, 8 months ago Harold Lak

    Hey Mike!

    I just got a hint from Phillipos at Siteorigin which prompted me to find

    .layout-full .panel-row-style.panel-row-style-wide-grey,
    .layout-full .panel-row-style.panel-row-style-full-width {
      margin: 0 -1000px;
      padding: 25px 1000px 25px 1000px;
    }

    in the MAIN CSS.

    I changed the “25” values to “0” and BINGO!

    I am now going to put it back to the old setting
    and try to do it through custom CSS.

    Regards from Australia

    Harold.

    • 2 years, 8 months ago Andrew Misplon Hi, I Work Here

      Hi Harold

      Thanks for reaching out.

      The rule you’ve found has to do with Vantage, Page Builder and a few legacy challenges. Unfortunately, editing style.css isn’t update safe. All WordPress themes completely overwriting during update. Appearance > Custom CSS is a safe place to insert your editing CSS rules.

      For further help on this, please, open a new thread: Page: New Thread

      Thanks

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