Home>Support>Page margin/padding for all pages beside homepage

Page margin/padding for all pages beside homepage

By Troels Hviid, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
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].

Hi,

I have been playing around with custom css in order to remove the padding (35 px) on all my vantage pages. I have only succeded in removing them on the homepage.

Also tried with the footer padding but still have around 10 pixel on the left side.

Please help.

Here is my custom css code:

/* Vantage Boxed Layout Site Width */

body.responsive #page-wrapper {
max-width: 940px !important;
}

/* Header padding */

header#masthead {
padding: 0 !important;
}

header#masthead hgroup {
padding: 0 !important;
}

.main-navigation {
margin: 0 !important;
}

body.responsive header#masthead hgroup .support-text, body.responsive header#masthead hgroup #header-sidebar {
display: none !important;
}

/* Home padding */

.home #main {
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}

/* Footer padding */

#colophon {
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}

/* Remove Meta Slider padding */
.metaslider .theme-light.slider-wrapper {
padding: 0; /* remove padding */
}

URL: http://www.triforlivet.com/test/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

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

    Hi Troels

    Thanks for running Vantage.

    If you’re referring to the padding around the #main div you could adjust that as follows:

    #main { 
padding-top: 35px;
padding-bottom: 35px;
}

    Footer padding looks as follows:

    /* Footer Padding */

#colophon {
margin-bottom: 20px !important;
padding: 30px !important;
}

    Why are you needed to adjust padding on the sides of the footer?

  2. 10 years, 10 months ago Troels Hviid

    Thanks a lot. Now padding/margin is 0 in the body :)

    Have a Little challenge with the footer. Still can make the left margin/padding to 0 px. Need it to align with the body.

    Code:
    /* Footer padding */

    #colophon {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    background: transparent !important;
    }

  3. 10 years, 10 months ago Troels Hviid

    Talking about the “Tri for Livet” text. Is it because it’s in a pagebuilder container?

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

    Give this a try to resolve that little bit of footer padding:

    #footer-widgets .widget:first-child {
padding-left: 0 !important;
}

#footer-widgets .widget:last-child {
padding-right: 0 !important;
}
  5. 10 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Talking about the “Tri for Livet” text. Is it because it’s in a pagebuilder container?

    You’ll need to explain a bit further, not following you there unfortunately. Thanks!

  6. 10 years, 10 months ago Troels Hviid

    Thanks – that worked :)

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

    Super, glad to hear 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