change color of header background

Have you tried theme options for the header color?
If you’re comfortable editing the CSS, just look for the #header tag and change the color there. Please let me know if you need more help.

Hey rosy,
I looked at your site and this is the css code for your logo background

#logo.logo-centered {
background-color: red ;
}
and a color picker so you can make any color you want.

https://www.colorpicker.com/758A37

Simply copy paste your color code that you pick in the color picker and copy paste it instead of red.

Any other questions feel free to ask.

Oh and to make changes to your theme you might need a child theme unless your theme has a a section under Appearance> Edit css in your dashboard then you could simply add the code there.

It worked like a charm. Thank you so much Wolfs bRain!!!!
One last question…how do I get that search magnify glass off of my header?

I’m glad it worked rosy. To get rid of the search bar on your header this should do it.

#logo #searchform {
display: none;
}

Anything else feel free to ask away.
Best Wishes

Worked again. Thanks!!!

Any time rosy. Glad it worked. If You ever need anything feel free to contact me.

Best Wishes,
Brain

Hi Wolfs bRain!

You helped me so much last time, I would like to ask you 2 more questions:

I need help changing the color of the menu background. I don’t know what code to input or where to input it.

My site is languageinmotion4kids.com

I installed a plug-in for making my site mobile but when I go to the site on my mobile the colors are different. I used WPTouch Mobile Plug-in. Do you suggest using a different one?

Thanks!

Hi again rosy! To change the color of your background put this in your css.

#menu ul {
    background:#2FD5FD;
}

I put a color I thought look nice, but you can change it to whatever you like. Also you can make the menu items’ color change when you hover.

#menu ul li:hover {
    background:#41E7FF;
}

Regarding the mobile site plugin, I’ve never tried such a plugin. I have become quite proficient at making sites responsive. Responsive sites are a huge step up from mobile sites because they can be resized to any device. They even resize as you change your browser’s window size. But as far as I’ve tried it requires changing the widths of many things to percentages and adding media queries. Very time consuming and unless you have experience it would be difficult.

I hope I answered your question to your satisfaction. Like always, if you have anymore questions ask away!!

-Wolfy and Brain (????)

@wolfs bRain: Please do not encourage people to edit the main theme’s CSS. That’s not good advice. They should be creating a child theme for your changes or installing a custom CSS plugin.

Yep your right Esmi i believe the child theme is always the way to go. I was referring to themes such as responsive that have an edit css in the appearance section of their dashboard that allows you to add custom css. Which i would think is just as safe.

Thanks soooooo much!

Can I change the font of the menu text at all? Because I changed the background to match the purple of my logo background but the text will not show in its current font color. What would be the code for that? I promise, it’s my last question.
languageinmotion4kids.com

Woops i forgot to mention that the free jetpack plugin gives you an edit css section along with many other cool things that will allow you to better your site and wordpress experience. This is what i was referring to. Sorry if i was misleading. But Esmi is right you should never change the themes css itself. Your css will be overridden on the next update of your theme if you do so. Thank you for catching that Esmi.

As for your question this css code should help you out.

#menu ul li a {
font-family: sans-serif;
font-color: white;
}

If you’d like to try different font types. Just go to:

https://www.google.com/fonts

I find this to be one of, if not, the best resource for fonts and they are completely free.

Simply add the @import code provided on the font you select into your css and you’ll be ready to go.

And as for the color of the font, the color picker will be perfect for that.

If you ever have any more questions feel free to ask rosy. No such thing as to many questions.

Wolfy and Brain @(^_^)@

I managed to change the font style by putting in this code:
#menu ul {
font-family: Comic Sans MS;
font-size: 14px; font-color: #87c3ff
}

I get the font style but the color doesn’t change. The way you had suggested has the color written in words like “white”. Am I not able to just put in the color code #87c3ff? What am I missing?
languageinmotion4kids.com