Pilcrow Menu Background and Links Colors

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/
https://dailypost.wordpress.com/2013/06/21/css-intro/
https://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:

• CSS Basics
• Editing CSS
• How to Find Your Theme’s CSS

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.

Thanks Kathryn! Nice to hear from you again.

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 www.remarpro.com.

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

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!

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.