Posted 1 year ago #
I apologize for posting on this topic again. I've ready a lot of threads about this, but non of the solutions seem to apply to my theme.
My site is http://www.bostaff.tv. I want to change the color of the upper menu (home, about, contact) to a lighter color but I can't for the life of me find where to do that in code. I found where to change the color of the rollover, but not for the resting dark gray font color.
[CSS moderated as per the Forum Rules. Please just post a link to your site.]
Try adding:
.sf-menu {
background-color:#999;
color:#000
}to the bottom of style.css.
Posted 1 year ago #
Didn't do anything. Thanks for the reply though!
Ack! Forgot that the menu will need a declared height. Try:
.sf-menu {
background-color:#999;
color:#000;
height:3em;
}
Posted 1 year ago #
Getting close! That effected the background of the menu area, but the type remains dark grey. I left it like that so you can see.
Add:
.sf-menu a, .sf-menu a:visited {
color: #000;
}
Posted 1 year ago #
NAILED IT! Thank you so much!
No problem. We got there in the end. :-)
Posted 1 year ago #
Sorry to resurrect this topic again, but I've noticed one more small problem with this solution. It works when you first visit the site, but, since it's "a:visited", once the links have been rolled over, they no longer roll over with the red color. So, the rollover will be red the first time, but the next time it's rolled over it stays grey.
I've tried a:link and a:active but none of those seem to work. Only a:visited works, but that messes with the rollover color.
Posted 1 year ago #
Actually, I think I solved the problem by switching the order of the a: commands. Thanks!
This topic has been closed to new replies.
