WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve
Change colours of nav bar & text colours. (11 posts)

  1. twinoaks51
    Member
    Posted 1 year ago #

    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

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. twinoaks51
    Member
    Posted 1 year ago #

    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.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    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;
    }
  5. twinoaks51
    Member
    Posted 1 year ago #

    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

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    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;
    }
  7. twinoaks51
    Member
    Posted 1 year ago #

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

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  9. twinoaks51
    Member
    Posted 1 year ago #

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

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  11. twinoaks51
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic