Support » Theme: Twenty Twelve » Change colours of nav bar & text colours.

  • 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)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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;
    }

    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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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;
    }

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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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.

    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.