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
Remove Spaces In Between Rows In Page Builder
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
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.
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.
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.
Super! Works like a charm. Thanks Andrew.
Love the Vantage theme!
Cheers from Australia!
Super; glad to hear that helped. All the best.
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?
Hi Louise
Please open a new support thread with a link to view the challenge and we’ll help out there. Thanks.
https://siteorigin.com/new-thread/
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…
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.
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.
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