Home>Support>Get rid of margin between header and first page picture

Get rid of margin between header and first page picture

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].

Hey Guys. Thanks for an awesome theme!! (-:
I need to get rid of the margin between my header and the picture on my frontpage, so I inserted the code

 
#main {
padding-top: 0;
}

When I insert the code it gives me a grey line between my menu and my pictures on my frontpage.

I just found out that it is my footer which is shown there – when I change the color of my footer-area it also changes the color between my menu and my picture.

what is it I’m doing wrong? (-:

URL: http://www.regenclinic.dk/

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, 9 months ago Jonas Holm

    RESOLVED.

    I used

    .home #main { padding-top: 0 !important; }
    

    And the problem was the same. But when i wrote px after the “0” the grey footer line dissapeard. I’ve no idea why, but it worked, wuuh! (-:

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

    Hi Jonas

    Thanks for running Vantage.

    Funny little bug for sure. Perhaps try the following under Appearance > Custom CSS to resolve”

    .home #main {
    padding-top: 0;
    margin-top: -3px;
    }
    
  3. 10 years, 9 months ago Jonas Holm

    Thanks again.
    After i inserted the code, my links (on all of my site) are turning to a red color, (when I go to appearance -> customize and look, then the color for link is black.
    I really cant understand that?

    This is all the code ive got in my custom css:

    /* Vantage set menu font family and font size */
    
    .main-navigation a {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    }
    
    /* Menu Padding Horizontal */
    
    .main-navigation ul li a {
    padding-right: 14px !important;
    padding-left: 14px !important;
    }
    
    /* Links */
    #main a { color: #dd3333; text-decoration: none !important; }
    #main a:hover { color: #2b1100; text-decoration: none !important; }
    
    .home #main { padding-top: 15px !important; }
    
    #main {
    padding: 25px;
    }
    
    .entry-content p {
    	line-height: 25px;
    	margin: 0 0 3px;
    }
    
    .entry-content h1{
    	line-height: 25px;
      	margin: 0 0 3px;
    }
    
    .entry-content h2 {
    	line-height: 25px;
      	margin: 0 0 3px;
    }
    
  4. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Looks like you’re setting your link color in Custom CSS. See your section commented /* Links */ #dd3333 is a red color.

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