Change color of secondary menu links text in Graphene?
-
http://www.pmitconsulting.com/temp (click on services and look at nav)
Hi,
Thank you thank you thank you! You’ve got an awesome theme! This is my very first wordpress site I’m working on and your theme made things soooo easy! I’m trying to figure out what I would have to modify (and where) in CSS so that the secondary menu that shows underneath the primary menu shows links in black, and I would like them to light up in a different color on mouse-over. Currently if I have a page that has the secondary menu attached to it, the color of the text of the links of the secondary menu is a few shades away from the color of the background so it’s barely visible. Please go easy on me. I’m a newbie, but would appreciate the hand holding as I’m learning php & css from scratch.
Thanks again!
Paul
actually I used firebug and was able to find the css color value that had to be updated… and what happened is the default text color for the main navigation menu was also updated… I guess I will have to separate the two somehow… I’d like to use a smaller font and a different color for the secondary menu links…. could you give me a hand?
the site i’m working on is http://www.pmitconsulting.com/temp (work in progress, obviously) — click on services, when there, you’ll see what I mean when you mouse over the secondary menu… I’d like to either give it a different font & color or change its background so that white will look ok on top of the modified background…
i reverted the font color to white now… if i change it to black then my primary links can’t be seen because of the dark background. Can someone gimme a hand?
If You mean color of secondary menu links text in Graphene?
a, a:visited {
color: #003366;
text-decoration: none;
}
a:hover {
color: #999999;
text-decoration: none;
}Fonts and Typo, I got my own ideas placed
in this Child Theme:
http://www.nørrebo.dk/bbpress/topic.php?id=5
Kim
You must make a Child Theme!
(As with all WP Themes)
Kim
I created the child theme, and my style.css includes the following:
/*
Theme Name: Graphene Child
Theme URI: http: //example.com/
Description: Child theme for the Graphene theme
Author: Your name here
Author URI: http: //example.com/about/
Template: graphene
Version: 1.0
*/
@import url(“../graphene/style.css”);
a, a:visited {
color: #003366;
text-decoration: none;
}
a:hover {
color: #999999;
text-decoration: none;
}
However after I updated the file, now my header image and background was changed… Did the css entry break that or is it expected that activating a child theme will revert to defaults?
Viewing 10 posts - 1 through 10 (of 12 total)
- 1
- 2
- You must be logged in to reply to this topic.