I want a dark header and I’m trying to figure out the CSS classes to achieve this. I think I’m almost where I want, but once I roll over the shopping bag a submenu is displayed and the ‘Go To the Shop’ button is grey and the text inside gets lost (see attached image), I want this text to be black.
So far this are my custom changes:
#header { background: #252525; }
#main-navigation a { color: #e4e4e4; text-decoration: none;}
#main-navigation a:active, #main-navigation a:hover {color: #fff; outline: 0;}
.header-right ul.menu li.parent a {color: #e4e4e4; text-decoration: none;}
.header-right ul.menu li.parent a:active, .header-right ul.menu li.parent a:hover {color: #fff; outline: 0;}
Any thoughts on how to fix it?
thanks!