How to change the Top Bar /Menu text color

@beefstick: That little bit of code worked like a charm! Thank you!!

@noaneo: Thank you so much for helping me get this straightened out. The more I put it into proper order, the better I understand this.

1. I took out the unnecessary lines in the top section of my style sheet, as you suggested, but left the version number. (It appeared that way once I uploaded the child theme, so I left it as it was, except for naming it.)

2. I never was certain where to start placing my own changes, so I just guessed that it should be right after the comment saying it starts here. I have now moved all my alterations to below the responsive codes. And that’s where I’ll add anything new I write.

The site is still under construction and is not open to the public yet, but it should be soon. I’ll definitely post a link to it once it is.

It’s exciting to see it beginning to look the way I want it to. Thank you all so much!

I’m going try again to change the dropdown-menu background color. With the custom css in the right places, maybe it will work this time.

Another question, for clarification…

#nav-header .nav li > a:hover,
#nav-header .nav li:hover > a,
#nav-header .nav li.current_page_item > a,
#nav-header .nav li.current-menu-item > a,
#nav-header .nav li.current-menu-ancestor > a,
#nav-header .nav li.current-post-parent > a {
    color: #e8f7fe;
}

In the above example, does this just mean that everything in that list will be assigned the color #e8f7fe? That commas just mean it’s a group and the style will be applied to all, rather than having to write out each of them individually?

What does the “>” mean? I don’t exactly know how to look something like that up.

I use it and have seen it used by others when following a path in steps of a process, like:
Start > Control Panel > Hardware and Sound, etc.
Is it used in code in a similar manner?

In this same thread, second post down, Alexander Agnarson states:
2) With this custom css you change background of the header menu:

#nav-header.nav-container { background-color: red; }
@media only screen and (min-width: 720px) {
	#nav-header .nav ul { background-color: red; }
}

I think I’ve tried every version of this I can think of and still can’t get the color of the background to change in my header menu. Any ideas?

@dg,

The “>” is a css combinator <– google it for more info. Yes the comma is used to separate multiple items with the same style.

You should be able to change the background color of your menu in your themes options panel under styling > topbar background. but….if you really want this bit of code should work,

#nav-topbar.nav-container {
	background: #247db5;
}

hi,

Beefstick said it all.

You already have everything custom Appearance -> Theme Options -> Styling?
Ago “Header Menu Background”

This is a result of a mishap, I got used to not put the version in the child theme, with WP always asked me to update the parent theme.

@beefstick: I tried adjusting the menu background color from the Theme Options > Styling section, as you and noaneo both suggested, but it doesn’t change the color of the menu dropdown background color, which is what I was hoping for.

The site has a white background. The active and hover links of the menu are now in black font and the inactive links are a similar blue to the blue in the header/logo image. That part looks right.

When you mouse over the menu items and the blue font turns black, there is also a background color box that switches from white to grey. That is the background color I’d like to change. What is that called?

I can open the site up publicly, if it would help, but I can’t keep it open in the state the site’s in. Just need to know someone is available and wants to see it.

~ * ~

I’d also like to add that I have no expectations. It’s a holiday weekend, and a Sunday, but since this work is way overdue, I’ve been working 7 days a week. If no one else is tied to their computer like I am right now, I totally understand!

I’m sorry, you really should create your own thread to discuss this.