Change color of secondary menu links text in Graphene?

  • this1guy

    #726

    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

    this1guy

    #13367

    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?

    this1guy

    #13368

    or perhaps the background behind the secondary navigation menu can be changed to a different gradient? (like dark blue to black?)

    this1guy

    #13369

    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?

    Kim

    #13370

    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

    this1guy

    #13371

    I can’t seem to find it in styles.css… where would I find these values?

    Kim

    #13372

    You must make a Child Theme!

    (As with all WP Themes)

    Kim

    this1guy

    #13373

    ok, i was hoping that for this one change, a child theme wouldn’t be required… now looking at the css code — how does it “know” that only the secondary menu font should be changed from your example above? thanks for all your help!

    Kim

    #13374

    That was only the color!

    Read carefully: Your changes will be gone next

    time You update the theme if You dont make a

    Child Theme. (Over and out)

    Kim

    this1guy

    #13375

    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.