Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
www.groutgorilla.com
Two questions. How do I remove the spaces in between rows. I’ve tried editing page builder and used CSS Editor. No Luck!
I’m using Vantage Premium with Page Builder
Thanks!
Hi bunky
Thanks for your support.
At Appearance > Custom CSS we recommend removing the single line added, it isn’t correctly formatted so it doesn’t have any effect.
Try adding the following:
/* Home */ .home #main { padding-top: 0; padding-bottom: 0; } .home.layout-full .panel-grid:last-of-type .panel-row-style.panel-row-style-full-width { padding-bottom: 0; } .home.layout-full .panel-grid:last-of-type .panel-row-style.panel-row-style-full-width { padding-top: 0; padding-bottom: 0; }Hope that helps.
Thank you for the info. But I need a little more help please with your solution. How do I add the new code? Can you guide me please.
Thank you
Ron
Can I simply copy and paste?
Sure :) Copy the code we sent, navigate to AppearanceCustom CSS and paste it into the field provided. Save. That should do the trick.
Help! I tried that and it won’t give me a paste option. Any chance you could do it for me? I’m about to throw my laptop out the window. Urgh! Thanks
Its seems for CSS Editor I can’t apply the paste option. Editor style sheet I can use the paste option.
Hi. Can you guys please help me resolve this problem please. We are totally unable to edit CSS Editor as you suggested. We are unable to complete the website until this is resolved. Thank you.
I figured it out….You guys are great. Worked perfect. Thank you.:)
Awesome :) Really glad to hear you were able to make progress.
All the best with your site.
Question. I’m having the same problem with other pages that I create with space between boxes. Please see my link to my page.
http://www.groutgorilla.com/services/
So do I need to edit the CSS for each new page? What is the code and how do i change it myself?
Thanks
Ron
Hi Ron
Custom CSS works by adding new rules to the site so it’s not really a matter of editing existing CSS.
For the services page we’re looking to remove the bottom padding from the last row and the bottom padding from the main container. To do so we can add the following to Appearance > Custom CSS:
/* Services */ .page-id-45 #main { padding-bottom: 0; } .page-id-45.layout-full .panel-grid:last-of-type .panel-row-style.panel-row-style-full-width { padding-bottom: 0; }You could make this same change for other pages by repeating the above Custom CSS. 45 is the page ID. You can find the page ID for other pages by going to Pages and editing the page in question, check the address bar, the ID will be the only number listed in the URL.
Hi Guys.
So I still have a slight problem with the borders. When I apply the css code above for other pages it works, but it changes the home page borders and I have to edit with the original css code and the other pages change again. It seems with I add the border css for other pages it changes my home page. Help please.
Many thanks for great customer support.
The second set of CSS rules sent is prefixed with .page-id-45 so there shouldn’t be any negative impact on the home page. If possible, please, insert the Services page CSS into Appearance > Custom CSS so we can see the problem live.
Thanks.