Hi guys, hate to leech on my first post but i hear this is a good forum for help.

 

I have a blog and as you can see there is a white line between the header and navigation bar. I want this line gone so there is no gap between the nav and header. What line of code do i have to alter? i have tried for hours playing margn settings etc;' but to no vail. If anyone needs me to post any code just hola.

I can't give you a proper reply without seeing the website live, but you can often use a negative top margin to drag a lower element up, but that would be a fudge.

As wickham said it's pretty tough without a link as it could be a whole host of reasons. I'd be inspecting the code now if I could (try inspect element in chrome)

tipsytennis dot blogspot dot com

 

Not allowed to post links i think, thanks

I see. There are an awful lot of divs here, more than is likely needed so it's hard to identify. I would suggest changing the padding on this element initially and see what that does..

 

 

Edit - forget that, just noticed a display none in that css so that can't be it

 

#header-wrapper {
width: 960px;
margin: 0px auto 0px;
height: 80px;
padding: 20px 0px 20px 0px; /*Try 20px 0px 10px 0px*/
overflow: hidden;
background: #FFFFFF;
display: none;
}

Edited February 16, 201313 yr by oakleaves

Thanks, unfortunately doesnt work.

Remove the font-size attribute from the link that has your header image within.

 

EDIT: It's being inherited so overwrite it like this...

 

#wrap2 a {
font-size: 0px;
}

DOUBLE EDIT: That may be too generic because it may alter other <a> tags as well so give the <a> with your header image in an ID and then select that ID and change font-size to 0px.

Edited February 16, 201313 yr by Alluziion

Sorry i dont quite understand, i see quite a few font-size attributes.

Edited February 16, 201313 yr by tipsytennis

Remove the font-size attribute from the link that has your header image within.

 

EDIT: It's being inherited so overwrite it like this...

 

#wrap2 a {
font-size: 0px;
}

DOUBLE EDIT: That may be too generic because it may alter other <a> tags as well so give the <a> with your header image in an ID and then select that ID and change font-size to 0px.

 

Sorry i dont see any code with the letters #wrap or <a>

It's because the code is a theme and it's messy... just try throwing this into your CSS and let me know if it works...

 

div#wrap2 > a {
font-size: 0px !important;
}

 

If it does, try removing the !important and try again.

Edited February 16, 201313 yr by Alluziion

I just put it into my </style> area but it didn't change anything, is there anywhere specifically i need to put it?

 

I didn't make the template myself, i got it off a chap

In that case maybe Wickham's previous idea would be the only option... try this:

 

div#wrap2 div.span-24 {
margin-top: -3px;
}

That still doesn't work unfortunately, i dont know if i'm adding it in the wrong area of the code or not but nothing is changing.

Hmm it should be working... where are you putting it?

Hmm it should be working... where are you putting it?

 

It worked now thanks, i put it in the outter wrapper css area and it works fine.

 

Thanks for all your help everyone