WordPress.org

Ready to get started?Download WordPress

Forums

Iconic One
[resolved] [closed] menu bar background colour (10 posts)

  1. cakestocrave
    Member
    Posted 10 months ago #

    Hello

    I have read through the comments on here and managed to change the colour of the blue bar under the navigation menu but I would like to change the background colour behind the word itself - so I would prefer not to have the blue background for 'Home' etc. Please help.

    Thank you

  2. Ditch666
    Member
    Posted 10 months ago #

    Having the exact same issue. Can't seem to find where to change it within the CSS, nor can I sort anything in the custom CSS.

    Thanks in advance for any help!

    Cheers

  3. Ditch666
    Member
    Posted 10 months ago #

    I am looking for something within the CSS for active links, as I just noticed that it changes whenever you are on a different page. Is there some custom CSS I could add perhaps?

    Also, I initially had changed the color of the blue bar underneath the nav, and now it is back to the original color as soon as I began navigating the website.

  4. Ditch666
    Member
    Posted 10 months ago #

    Forget the above post. I think I had too much coffee yesterday.

    However, I am still trying to change from the light blue background and still cannot find the spot in which to do so.

  5. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    For CSS questions, you really need to post a link to your site so someone can look at it using a browser tool like Firebug.

  6. Ditch666
    Member
    Posted 10 months ago #

    Hey cake,

    I figured it out. scroll way down in the css and look for this:

    }
    
    	.themonic-nav .current-menu-item > a,
    	.themonic-nav .current-menu-ancestor > a,
    	.themonic-nav .current_page_item > a,
    	.themonic-nav .current_page_ancestor > a {
    		    background: none repeat scroll 0 0 #f10c0c;
    			color: #FFFFFF;
    			font-weight: bold;

    I simply replaced the aqua blue color with '#f10c0c' (as that is the color I'm using), and it worked like a champ.

  7. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    You should be making any changes in custom CSS - otherwise your changes will be lost when the theme is updated. So you can COPY the above code to custom CSS and make the change there.

  8. Ditch666
    Member
    Posted 10 months ago #

    Thanks WPyogi...I didn't know that (would've sucked to lose it). ;)

  9. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    (would've sucked to lose it)

    Yes indeed - custom CSS (or a child theme) is definitely the way to go :)!

  10. cakestocrave
    Member
    Posted 10 months ago #

    Ditch666 and WPyogi thanks so much for the help. its great!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.