Premium Theme Support › Pixel Union › Rainier

Change color of header

  • Author
    Posts
  • #106641
    jessicaschorm
    Member

    Hi,
    I would like to know how do I change the color of the (website) header from white to black?

    Thank you in advance,
    Jessica

    The blog I need help with is: (visible only to logged in users)

    #106824
    calvinjamescoles
    Theme Author

    Hey Jessica!

    Have you tried inserting a black square as the header background image?

    #106862
    jessicaschorm
    Member
    Original poster

    Hi Calvin,

    I would like to have the background white and the header in black…I guess I can change the color of the header with CSS? But I have never worked with it and don`t want to screw up the page.
    Also is it very difficult to learn & use CSS? I would like to have the design of my website more individualized…

    Thank you in advance!

    #106865
    calvinjamescoles
    Theme Author

    Hey!

    With the Rainier theme, the background CSS applies to the whole site, including the header, unless a header background image is selected. Have you tried adding that?
    Adding CSS is possible, but can be pretty limited in terms of what changes can be made without involving custom development.

    #106893
    jessicaschorm
    Member
    Original poster

    Hi,
    I am going to use a white background image…My problem is that the menu on top of the page is white too. How can I change the color of the menu?

    #106895
    calvinjamescoles
    Theme Author

    Hey!

    To change the colour of that font you’ll just have to add this to your theme’s custom CSS field:

    .main-navigation ul:not(.sub-menu) > li > a {
    color: #000;
}

.main-navigation .search-input {
    color: #fff;
  }

    Hope that helps!

  • The topic ‘Change color of header’ is closed to new replies.