Hueman Theme – add header image

Viewing 3 replies - 1 through 3 (of 3 total)
  • Beefstick

    (@beefstick)

    9 years, 8 months ago

    Chris,

    First thing you need to do is get rid of the above code from your style sheet. Use this instead,

    #header { background: url(http://www.eastcoastphotos.co.nz/wp-content/uploads/2014/08/CBR0155.jpg); position: relative; padding-bottom: 60px;
}

    Your header menu is set to transparent so what ever you have behind it is going to show through. I hope this helps you. Also the image you have chosen for your header is not tall enough to fill the space unless that is your intention. Mark this thread [resolved] if this solves your issue.

    Thread Starter Chris_Kiwi

    (@chris_kiwi)

    9 years, 8 months ago

    Hi Beefstick,
    starting from the default css I deleted

    #header { background: #33363b; position: relative; padding-bottom: 60px; }

    from the header section and put the code you suggested above instead.
    I also increased the hight of the image to 330px and it now covers the whole header area.
    At first only one navigation bar was a solid color, the other one was still transparent/covered by the image.
    I then found out that I had to change its color in the Theme Options (under “styling”) to another color than white. It seemed like it was white but it really was set to transparent (no hex code in the field for the color = transparent).
    Once I changed the color both navigation bars were solid color.
    Thanks man! You saved my day!

    Beefstick

    (@beefstick)

    9 years, 8 months ago

    No problem glad I could help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hueman Theme – add header image’ is closed to new replies.