WordPress.org

Ready to get started?Download WordPress

Forums

Pilcrow
[resolved] Pilcrow Menu Background and Links Colors (6 posts)

  1. valulaw
    Member
    Posted 5 months ago #

    my http://www.doingjustice.com site is a Pilcrow theme.

    I'd like to change the menu background color and the menu links color.

    Can someone provide me with the appropriate CSS custom coding to override the current colors please?

  2. Learning how to target your site's CSS will help you make certain design changes. Here are some very helpful posts that will help you customize your site with CSS:

    https://dailypost.wordpress.com/2013/07/25/css-selectors/
    http://dailypost.wordpress.com/2013/06/21/css-intro/
    http://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/

    If CSS is new to you, here are some resources for learning more about it:

    Using Firebug, I found the class for your current/hover menu background and text colour:

    #nav .current_page_item a, #nav li:hover > a, #nav ul ul *:hover > a {
        background-color: #xxxxxx;
        color:  #xxxxxx;
    }

    For non-current/hover menu items, the style is:

    #nav a {
        background-color: #xxxxxx;
        color:  #xxxxxx;
    }

    As you've already declared !important on some of your more basic link colours, those will override the text colour above. For example, you've already added this to your custom CSS:

    a {
        color: #257BBC !important;
    }

    It's a good practice with CSS to be as specific as possible with declarations, and not to use !important unless there is no other alternative.

  3. valulaw
    Member
    Posted 5 months ago #

    Thanks Kathryn! Nice to hear from you again.

  4. valulaw
    Member
    Posted 5 months ago #

    May I ask you for one last tip on Pilcrow please? My side border backgrounds went white when I reverted to default in order to transfer to wordpress.org.

    I'd like match them back up to the blue in my site title and footer.

  5. I'm not sure what you're referring to by "side border backgrounds." Would you be able to link to a screenshot with an arrow pointing to what you mean, or describe it in more detail?

    p.s. for new questions in the future, it would be great if you could please start a new thread rather than adding to this one. Thanks!

  6. valulaw
    Member
    Posted 5 months ago #

    Ok Kathryn I started two new threads in the Pilcrow theme. FYI, I did try to do these myself using tips you gave me earlier but still haven't quite got the hang of it.

Reply

You must log in to post.

About this Theme

About this Topic