WordPress.org

Ready to get started?Download WordPress

Forums

Publish
make menu links black (10 posts)

  1. stevebird
    Member
    Posted 1 year ago #

    Hello,

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

    Thanks - and nice theme, btw,

    Steve

  2. WPyogi
    Volunteer Moderator
    Posted 1 year 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).

  3. stevebird
    Member
    Posted 1 year 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...

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    CSS is rocket science

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

  6. stevebird
    Member
    Posted 1 year 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;
    }

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you want to change the site title to black?

  8. stevebird
    Member
    Posted 1 year 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;
    }

  9. Andrew
    Forum Moderator
    Posted 1 year 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.

  10. stevebird
    Member
    Posted 1 year ago #

    Thanks Andrew, I'll check it out

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.