make menu links black

  • stevebird

    (@stevebird)


    11 years, 3 months ago

    Hello,

    Is it possible to make the menu links black? Where in CSS would I do this?

    Thanks – and nice theme, btw,

    Steve

Viewing 9 replies - 1 through 9 (of 9 total)
  • WPyogi

    (@wpyogi)

    11 years, 3 months ago

    You’d need to post a link to your site – but before making any changes, create a child theme or use a custom CSS option or plugin (jetpack is one option for that).

    Thread Starter stevebird

    (@stevebird)

    11 years, 3 months ago

    hi,

    Thanks for your help. Currently constructing the site so not public yet.

    When making a child theme, how would I know which piece of code to import from the parent to change?

    JetPack looks good; changing CSS is rocket science but I’m no scientist…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    Are you following this guide http://codex.wordpress.org/Child_Themes#Example_of_a_basic_Child_Theme ?

    WPyogi

    (@wpyogi)

    11 years, 3 months ago

    CSS is rocket science

    LOL – going into outer space can be lots of fun :)!

    Thread Starter stevebird

    (@stevebird)

    11 years, 3 months ago

    Thanks both for your help,

    I’ve set up a child but not having desired effect….not sure what I’m doing wrong.

    Any ideas?

    /*
    Theme Name: Publish Child
    Description: Child theme for Publish theme
    Author: Steve Bird
    Template: publish
    */

    @import url(“../publish/style.css”);

    /* This will override site title color even on the dark theme */
    #site-title a {
    color: #000000 !important;
    }

    /* This will override the changed link color */
    #site-title a:focus,
    #site-title a:hover,
    #site-title a:active {
    color: #000000 !important;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    Do you want to change the site title to black?

    Thread Starter stevebird

    (@stevebird)

    11 years, 3 months ago

    Oops – no – just the menu / navigation links down left hand side. So I’ve amended but still not working.

    Trouble is, I’m not sure if that’s even the right bit of code, or if I should take the navigation code, or….??

    /*
    Theme Name: Publish Child
    Description: Child theme for Publish theme
    Author: Steve Bird
    Template: publish
    */

    @import url(“../publish/style.css”);

    /* This will override the changed link color */
    #site-title a:focus,
    #site-title a:hover,
    #site-title a:active {
    color: #000000 !important;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    You ought to be using some-sort of browser developer tool for this kind of exploratory CSS work. I used Google Chrome’s built-in developer tool and exposed the CSS selectors [screenshot] (right of toolbar) you need to apply the colour to.

    Thread Starter stevebird

    (@stevebird)

    11 years, 3 months ago

    Thanks Andrew, I’ll check it out

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘make menu links black’ is closed to new replies.