Return to Support

Change color of secondary menu links text in Graphene?

Home Forums Graphene WordPress theme Support Change color of secondary menu links text in Graphene?

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #726
    this1guy
    Member

    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

    #13367
    this1guy
    Member

    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?

    #13368
    this1guy
    Member

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

    #13369
    this1guy
    Member

    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?

    #13370
    Kim
    Member

    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

    #13371
    this1guy
    Member

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

    #13372
    Kim
    Member

    You must make a Child Theme!

    (As with all WP Themes)

    How to modify the theme using a child theme

    Kim

    #13373
    this1guy
    Member

    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!

    #13374
    Kim
    Member

    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

    #13375
    this1guy
    Member

    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?

    #13376
    Kim
    Member

    I just think You have to change header & background this one

    time in Your child theme. No big deal.

    But Im glad You did make the child 🙂

    Kim

    #13377
    Syahir Hakim
    Keymaster

    Child theme is essentially a different theme than its parent theme, so when you activate a child theme, WordPress considers it as a different theme and so reverts your background and header back to the default settings.

    I see now that the secondary menu has actually lost its styling altogether (i.e. it displays as a vertical list with bullets). Let me know if you still need help with it.

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.