Wordpress CSS Menu styling help

Hey,

I am trying to get some specific styling done to my sidebar menu. See Webite

What I want to do is have the parent menu items (Company Drivers, Owner Operators, Shop, Office) be bold black at all the times (just like the active menu item is now)

Then, the active page, instead of being bold black, I'd like to have a <<  to the right-hand side of it and be the same color grey as the other non-parent menu items. I believe the content code is "\00ab"

Can anybody help me with this, please?

Thank you, Experts!
Jon ImmsWeb DeveloperAsked:
Who is Participating?
 
Julian HansenConnect With a Mentor Commented:
This will get you going in the right direction
.widget_nav_menu a {
	display: inline-block;
	color: #222222 !important;
	font-weight: bold;
}

Open in new window

0
 
rgranlundConnect With a Mentor Commented:
It is in the CSS under main_color  Change the number to #000;
As for the active state, add
.current_page_item::after {
    content: "\00ab ";
}
0
 
Jon ImmsWeb DeveloperAuthor Commented:
Thanks, guys,  That saved a ton of time trying to mess around with the CSS.   So simple once I see it.  I'm learning!
0
 
Julian HansenCommented:
You are welcome
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.