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.

Removing spaces between rows

Open 13 replies customizationthemetheme-vantage
bunky
10 years ago · Last reply by Support Assistants 10 years ago

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!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

13
  1. Support Assistants 10 years, 2 months ago

    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.

  2. bunky 10 years, 2 months ago

    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

  3. bunky 10 years, 2 months ago

    Can I simply copy and paste?

  4. Support Assistants 10 years, 2 months ago

    Sure :) Copy the code we sent, navigate to AppearanceCustom CSS and paste it into the field provided. Save. That should do the trick.

  5. bunky 10 years, 2 months ago

    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

  6. bunky 10 years, 2 months ago

    Its seems for CSS Editor I can’t apply the paste option. Editor style sheet I can use the paste option.

  7. bunky 10 years, 2 months ago

    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.

  8. bunky 10 years, 2 months ago

    I figured it out….You guys are great. Worked perfect. Thank you.:)

  9. Support Assistants 10 years, 2 months ago

    Awesome :) Really glad to hear you were able to make progress.

    All the best with your site.

  10. bunky 10 years, 2 months ago

    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

  11. Support Assistants 10 years, 2 months ago

    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.

  12. bunky 10 years, 2 months ago

    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.

  13. Support Assistants 10 years, 2 months ago

    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.

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