WordPress.org

Support

Support » Themes and Templates » Change colours of nav bar & text colours.

Change colours of nav bar & text colours.

  • twinoaks51
    Member

    @twinoaks51

    Hi

    I’d like to know where in the Stylesheet (style.css)I can change the colour of the navigtion bar & colour of text?
    I have a tester site where I can alter code so it’s no problem trying things out.

    Kevin

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins
    Forum moderator

    @anevins

    First download and install this plugin http://wordpress.org/extend/plugins/custom-css-manager-plugin

    twinoaks51
    Member

    @twinoaks51

    Hi Andrew

    I’ve downloaded css-manager-plugin but how do you open it,to work on the code.It looks a useful tool to use.
    Only wanted the part of code where I can change what I asked in my first post.

    Andrew Nevins
    Forum moderator

    @anevins

    You’ll have to create new styles that override existing ones.
    Add those new styles to the Custom CSS section of the dashboard.

    Try adding these new styles;

    /* Change background colour of the entire menu */
    .nav-menu {
     background: white;
    }
    
    /* Change default text colour */
    .main-navigation li a {
     color: deepskyblue;
    }
    
    /* Change hover text colour */
    .main-navigation li a:hover {
     color: deeppink;
    }
    
    /* Change a particular menu item background colour */
    .main-navigation li {
     background: white;
    }
    
    /* Change selected text colour */
    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current_page_ancestor > a {
     color: deeppink;
    }

    twinoaks51
    Member

    @twinoaks51

    Andrew

    I’ve used your styles no my tester site.However for some reason I can’t change the title page text colour to black?

    http://www.instantcomedy.co.uk

    Kevin

    Andrew Nevins
    Forum moderator

    @anevins

    The title page text colour, as in the text “Theme Preview” on the demo website http://wp-themes.com/twentytwelve/ ?

    If so, add this;

    .site-header h1 a {
     color: deepskyblue;
    }

    twinoaks51
    Member

    @twinoaks51

    Sorry Andrew I should have said text colour on navigation bar.

    Andrew Nevins
    Forum moderator

    @anevins

    I think you need to remove the hash tag on the colour if you’re just using a colour name.

    twinoaks51
    Member

    @twinoaks51

    Yes there are no hash tags on clour names.Still not sorted it

    Andrew Nevins
    Forum moderator

    @anevins

    An advantage of the Custom CSS Manager plugin is that it reduces the risk of styles being overridden, because it is called after the normal theme stylesheets are loaded.

    twinoaks51
    Member

    @twinoaks51

    So is the main-navigation now conflicting with the code you gave me earlier? Should I remove this code an start a fresh?
    As you can see if you visited my site that i’ve moved the navigtion & header.All I did was cut & pasted that and that worked.Throught changing the colours would be easy.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Change colours of nav bar & text colours.’ is closed to new replies.