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.

Page margin/padding for all pages beside homepage

Resolved 7 replies premiumthemetheme-vantage
Troels Hviid
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 11 years, 5 months ago

    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. Troels Hviid 11 years, 5 months ago

    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. Troels Hviid 11 years, 5 months ago

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

  4. Andrew Misplon Staff 11 years, 5 months ago

    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. Andrew Misplon Staff 11 years, 5 months ago

    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. Troels Hviid 11 years, 5 months ago

    Thanks – that worked :)

  7. Andrew Misplon Staff 11 years, 5 months ago

    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.

Have a different question or issue?

Start New Thread