Support » Theme: Inkblot » How to change navigation text color

  • Hello – I do not know code very well and I need to change the navigation text color and hover also. I have a black background navigation bar and the text is an off white and cannot be seen very well. The hover is white. I would like to have the text just like the wordpress bar. White to see it and hover would be a hot blue.Could you help me on this? The forums suggest codes but they are not the same in my editor so I can never find the examples. http”//shopperscoupons.net

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hey there neddyrich1,

    How are you doing today?

    I’ve checked your site and I can see the blue hover on the menu links. Not sure if you still need help on this one but in case you do this is what you can add in the style.css file of your child theme or add it in your site using the following plugin:

    http://wordpress.org/plugins/simple-custom-css

    .banner nav li a {
        color: #fff;
    }
    
    .banner nav li a:focus, .banner nav li a:hover {
        color: #015aff;
    }

    First part should change link color and the second link hover color.

    Best regards,
    Bojan

    Thread Starter neddyrich1

    (@neddyrich1)

    Hello and thanks so much for your reply. I use google chrome and I right clicked – inspect element – to play around much like firebug. I located about the same code except there is no “li” in it.

    ‘.banner nav a {
    color: #fff;
    }
    .banner nav a:focus, .banner nav a:hover {
    color: #015aff; }’

    This seemed to do the trick however when I click a menu item and go to destination, that menu item does not stay blue (called selected text I think). Perhaps if I use your code with the “li” in it that would do the trick.

    Thanks again

    Thread Starter neddyrich1

    (@neddyrich1)

    The first and last punctuation is not included in the code I added. I put that there thinking this is how to “backtick” the code to display it here. Shows you what I know.

    Hey again neddyrich1,

    I’ve added li there just to make sure original code gets overridden with the new one. You can find more info about using specificity in CSS here: http://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/.

    If you’re looking to have same color as when hovered on the menu item that is active then you can try adding the following code:

    .banner nav li.current-menu-item a {
        color: #015aff;
    }

    As for using code element here you can simply select your code and click on the code button above your post http://screencast.com/t/zxXUcP1Aa2xd.

    Hope this helps 🙂

    Cheers,
    Bojan

    Thread Starter neddyrich1

    (@neddyrich1)

    Thanks again Bojan for your tremendous help! All the codes you gave me work perfectly. I am good to go. I wish I had your knowledge in this area.

    Best wishes,
    neddyrich

    Glad I could help 🙂

    Have a great day!

    Cheers,
    Bojan

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change navigation text color’ is closed to new replies.