• 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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Thread Starter twinoaks51

    (@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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter twinoaks51

    (@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?

    https://www.instantcomedy.co.uk

    Kevin

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    If so, add this;

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

    Thread Starter twinoaks51

    (@twinoaks51)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter twinoaks51

    (@twinoaks51)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter twinoaks51

    (@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.