Home>Support>Removing some empty space

Removing some empty space

By craig79, 8 years ago. Last reply by Andrew Misplon, 8 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 10 months ago StoQ

    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. 8 years, 10 months ago StoQ

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

  3. 8 years, 10 months ago craig79

    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. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 8 years, 10 months ago craig79

    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. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 8 years, 10 months ago craig79

    Thanks Andrew. Worked a treat. :)

  8. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More