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.

Get rid of margin between header and first page picture

Open 4 replies premiumthemetheme-vantage
Jonas Holm
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Jonas Holm 11 years, 5 months ago

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

    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. Jonas Holm 11 years, 5 months ago

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

    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.

Have a different question or issue?

Start New Thread