Header image has a line under it (3 posts)

  1. miamel
    Posted 4 years ago #

    website http://www.leetkitchen.com/ using theme http://carolinethemes.com/2011/11/04/scrappy/

    As you can see there is a white line in my header image, this white line is not in the image we have uploaded to use.

    I can remove it by changing line-height: 24px; to 0px in the style.css but doing so messes up the entire blog.

    Can anyone tell me how I can fix this?

    Thank you,

  2. WPyogi
    Forum Moderator
    Posted 4 years ago #

    The cause of that is more complicated to correct, but you can fix the gap by adding the negative top margin to the following CSS code (line 624 of style.css):

    header#masthead .menu {
        background-color: #603029;
        display: inline-block;
        font-family: Unna,Garamond,"Times New Roman",serif;
        font-size: 18px;
        margin-top: -8px;
        width: 100%;

    Line height is definitely not what you want to do -- as you discovered...it affects all lines in the site!

  3. miamel
    Posted 4 years ago #

    That worked, Thanks a bunch!

Topic Closed

This topic has been closed to new replies.

About this Topic