Navigation bar item color of the selected page

Support Area Forums United Navigation bar item color of the selected page

This topic contains 3 replies, has 2 voices, and was last updated by  Bill Robbins 3 years ago.

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://www.puuveljet.fi/wordpress/uudet_sivut/wordpress/linkit
  • Author
    Posts
  • #22045

    Ilkka Suominen
    Participant

    Hi (again)!

    How should I use the Custom CSS if I want to change the these colours in the nav bar:

    – hover text colour, now in red
    – selected page background colour in the nav bar, now in blue

    I can change the colours if I change them from style.css directly but I can’t get the same stuff working in the Custom CSS. 🙂

    Oh and I’m using the WordPress menu, not the Mega menu.

    – Ilkka –

    #22047

    Bill Robbins
    Keymaster

    Ilkka,

    Good question. What you can do is copy the styles out of your style.css file and paste them into the Custom CSS. You can then edit them there.

    The only catch is some characters are filtered out there for security reasons. One of those is the > which gets converted to a HTML entity.

    Try using this instead in your Custom CSS:

    
    body #header #top-menu li:hover,
    body #header #top-menu li.current-menu-item {
    	color: #000;
    	background-color: #ffffff;
    }
    

    Let me know if you have any trouble.

    Thanks,
    Bill

    #22070

    Ilkka Suominen
    Participant

    Yes! It’s working!

    I had to play around with the hover items to get everything the way I wanted. Here’s my solution:

    body #header #top-menu li:hover a {
    color: #060;
    background-color: #ffffff;
    }

    body #header #top-menu .sub-menu li:hover a {
    color: #fff;
    background-color: #026702;
    }

    body #header #top-menu li.current-menu-item {
    color: #000;
    background-color: #ffffff;
    }

    Thanks again! 🙂

    – Ilkka –

    #22072

    Bill Robbins
    Keymaster

    Fantastic. I’m glad you found a combination that works for you. If you need anything else, just let me know.

    Have a great weekend,
    Bill

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

The topic ‘Navigation bar item color of the selected page’ is closed to new replies.