Change Font Color: CSS for Header Menu and Footer

marionmosshubbard · Member · Mar 30, 2017 at 5:39 am
Copy link

Add topic to favorites
WordPress Chat rep gave me code to change the title text and navigation menu from black to white. The title text works. The navigation text works initially but them blinks back to black on some of the menus.

Also, I checked the box to include it on the mobile theme. On my cell phone the text in the header menu circle is still black. The Chat rep said I needed to contact the forum for assistance on this and also to change the text color to white on the footer. I appreciate your assistance on providing code for me to cut and paste.
Thanks,
Marion

The blog I need help with is: (visible only to logged in users)
hacchism · Staff · Mar 30, 2017 at 3:26 pm
Copy link
Hi there,

The navigation text works initially but them blinks back to black on some of the menus.

→I investigated your site. It seems that the name of pages in navigation menu turn black once users visited that page, so you can add the following CSS code to make it always white.
```
.site-header .main-navigation a, .site-header .main-navigation a:visited {
    color: #fff;
}
```
```
.main-navigation .current_page_item>a:visited, .main-navigation .current-menu-item>a:visited, .main-navigation .current_page_ancestor>a:visited {
    color: #fff;
}
```
On my cell phone the text in the header menu circle is still black.

→Do you want to change it to white too? Please add the following CSS code then.
```
.menu-toggle {
	color: #fff;
}
```
At last, this is the CSS code to change the current text color to white in the footer.
```
#tertiary, #tertiary a, #tertiary a:visited {
	color: #fff;
}
```
```
#tertiary .widget-title {
	color: #fff;
}
```
marionmosshubbard · Member · Mar 30, 2017 at 9:49 pm
Copy link
Thanks you Hacchism. Worked like a charm!!!
hacchism · Staff · Mar 31, 2017 at 1:55 am
Copy link
@marionmosshubbard

I’m glad to hear that. You are welcome :)

No items found.