Home>Support>Vantage Padding of #main.site-main

Vantage Padding of #main.site-main

By Krištof Kelecsényi, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

Hi,

I needed to change the home page of my site http://www.adventurersdiary.net/ to have a background image, on it headline and two buttons, just like you have on your homepage guys (https://siteorigin.com) .

But i had a spacing above the section with the background image with the buttons, so i put in custom css

 #main.site-main {
  padding: 0px;
}

IT Worked, i was happy. But then, i found out that on the blog page http://www.adventurersdiary.net/blog/

It did the same and now all the articles starts completely under the navigation bar. It looks really bad, how can i solve this whole thing please?

Thanks you

URL: http://www.adventurersdiary.net/

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, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Krištof

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    /* Home */

.home #main {
padding-top: 0;
}
  2. 8 years, 11 months ago Krištof Kelecsényi

    Thank you Andrew !

    And for moving the blog content i used

    .blog #main {
padding-top: 0;
}

    I love using your theme!

  3. 8 years, 11 months ago Krištof Kelecsényi

    EDIT: with padding about 150px

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

    Super, glad to hear you’ve made progress.

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