[sbartsch]

Hello,
I have the Catch Everest Free version. Is it possible to edit JUST the background color of the header? I attempted to change the CSS by pasting the following into the custom CSS:
/* Header Background Color */
#masthead {
background-color: #000;
}
/* Content Background Color */
.site {
background-color: #000;
}

But when I changed the #masthead background color; it seemed to change additional color throughout the site. My site is: https://ieo.wp.d.umn.edu/

Any information would be greatly appreciated!
Kind regards

[Sakin]

@sbartsch: You just need to add the following css in “Appearance => Theme Options => Custom CSS. Change the color code as per your need, #000 mean black background color.
#masthead { background-color: #000; }

[sbartsch]

Okay, thank you! I thought I tried that, but it worked this time.

I have one more question; can I make that entire top header an image that I create? (if so what dimensions?) Or will that disrupt the responsive design when the windows are shrunken down or viewed on mobile devices?

[Sakin]

@sbartsch: Yes, you can add it as Header Image of width 1140px from “Appearance => Header”. Then you can add the following CSS to remove the padding:
#hgroup-wrap, #site-logo { padding: 0; }

[sbartsch]

Fantastic. Thank you!

[Author]

Posts