[Support request] Trying to change the color of ONE navigation item (in the secondary menu)

[Henry]

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;
}

[Fernando]

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.

[Henry]

Amazing thanks Fernando!

[Fernando]

You’re welcome, Henry!

[Author]

Posts