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

Get rid of margin between header and first page picture

By Jonas Holm, 11 years ago. Last reply by Andrew Misplon, 11 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].

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. 11 years, 1 month 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. 11 years, 1 month 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. 11 years, 1 month 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. 11 years, 1 month 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