Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Pedro Pinto

    (@pintomena)

    Go to Appearance > Orbit Options > General then copy next code in CSS User text area:

    .dropdown ul li {
    	background-color: #dd3333;
    }

    Finally go to Appearance > Background and choose color #dd3333 in Background Color

    Thread Starter GDGerlach344

    (@gdgerlach344)

    Not sure you understood exactly what I wanted to do. The CSS code you gave me changes the color of the menu link buttons. And going to Appearance > Background and choose color #dd3333 in Background Color changes the background color for the entire site. I just want to change the color of the HEADER area… the area that contains the header image and the menu link buttons. I don’t necessarily want to change the color of the menu link buttons but now that you showed me how, I might do that. But I’m mainly interested in changing the background color of the header area.

    Thanks!

    Theme Author Pedro Pinto

    (@pintomena)

    Sorry , for header background use this code in CSS User:

    #top-header {
    	background-color: #dd3333;
    }
    Thread Starter GDGerlach344

    (@gdgerlach344)

    Thanks, that worked. One more question. Is there a way to center the header image vertically so it doesn’t sit on the very bottom of the header area? I’d like to see a little of the background color above and below the header image.

    Theme Author Pedro Pinto

    (@pintomena)

    add this code and change 12px what you want

    #top-header #logo {
    	padding: 12px 0;
    }
    Thread Starter GDGerlach344

    (@gdgerlach344)

    Perfect. Thanks!

    I tried to change header background color following these instructions and it didn’t work… any idea why?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Header Background Color’ is closed to new replies.