Archived topic
Trying to change the color of ONE navigation item (in the secondary menu)
3 replies · Started by Henry on January 16, 2023
Hi Support
I have a question about being able to change the color or ONE menu item in the secondary navigation.
So, here's a sample of the code:
<ul id="menu-secondary-menu">
<li id="menu-item-19932" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19937">
<a href="">About Us</a>
</li>
Would you mind sharing some CSS on how I might change the color text of ONE of these menu items?
Thank you!
Also, FYI - I am thinking it would be similar to something like this:
.main-navigation li.bordered {
border: 1px solid #000;
}
Hi Henry,
Yes, what you have is similar to what you need.
Try this CSS:
.secondary-navigation li.bordered {
border: 1px solid #000;
}
Make sure to add bordered to the class list of the secondary menu item.
Amazing thanks Fernando!
You're welcome, Henry!