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 some empty space

Resolved 8 replies premiumthemetheme-vantage
craig79
10 years ago · Last reply by Andrew Misplon 10 years ago

On my site I have a couple of spaces between items that I would like to remove if someone could help me with it? I have already tried some css to remove the padding from the main content box and it has reduced the size of the white space but hasn’t removed it totally.
1. Looking to remove the white space below the slider and above the footer.
2. My first paragraph of text within the grey box starts very low down and I can’t seem to find any padding etc? Need it to sit higher up towards the slider.
Thanks in advance.

URL: http://www.cgcarpetcare.co.uk/

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

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. StoQ 10 years, 3 months ago

    I have some other question if i could ask about. how you do that other color box from left to right edge of screen. I try do this with my photo but i cant :/

    Thanks for help!

  2. StoQ 10 years, 3 months ago

    About your problem try: Settings -> Page Builder and Layout Tabs

  3. craig79 10 years, 3 months ago

    Hi StoQ,

    I changed the width of the rows to full width via Appearance>Theme Settings>Layout and enabled – Force Page Builder Styles Full Width.

    Then edit the row in question, changing the background colour as required.

    Hope this helps you out.

  4. Andrew Misplon Staff 10 years, 3 months ago

    Hi Craig

    There is a break tag in the source code that I can’t easily explain. If you’ve edited theme files it might make sense. Let me know if this is the case.

    We could undo the break tag space with negative margin by adding:

    .home .panel-grid:first-of-type .panel-row-style {
	margin-top: -19px;
}

    The same break tag issue is occurring at the bottom of the page. We could also patch that up with:

    .home .panel-grid:last-of-type .panel-row-style {
	margin-bottom: -19px;
}
  5. craig79 10 years, 2 months ago

    Hi Andrew,

    Thank you for the response. I haven’t edited any theme files – could it be anything to do with the alternative child theme you got me to download to fix a previous issue of fitting my social media icons into my menu? Only thing I can think of really…

    The above code appears to have fixed the issue for my home page but I’m thinking it will be the same issue for each of my pages are of similar layout. Is there anyway to change the code to effect all pages?

    Cheers,

    Craig

  6. Andrew Misplon Staff 10 years, 2 months ago

    We can ignore the mystery
    tags for now, they’re not a big issue.

    Sure, to make the CSS change all pages you can remove the .home class:

    .panel-grid:first-of-type .panel-row-style {
	margin-top: -19px;
}
.panel-grid:last-of-type .panel-row-style {
	margin-bottom: -19px;
}
  7. craig79 10 years, 2 months ago

    Thanks Andrew. Worked a treat. :)

  8. Andrew Misplon Staff 10 years, 2 months ago

    Super :) Glad that helped.

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