WordPress.org

Support

Support » Themes and Templates » Iconic One » [Resolved] menu bar background colour

[Resolved] menu bar background colour

  • 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

Viewing 9 replies - 1 through 9 (of 9 total)
  • 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

    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.

    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.

    WPyogi

    @wpyogi

    Forum Moderator

    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.

    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.

    WPyogi

    @wpyogi

    Forum Moderator

    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.

    Thanks WPyogi…I didn’t know that (would’ve sucked to lose it). 😉

    WPyogi

    @wpyogi

    Forum Moderator

    (would’ve sucked to lose it)

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

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Resolved] menu bar background colour’ is closed to new replies.
Skip to toolbar