Site logo

Archived topic

Trying to change the color of ONE navigation item (in the secondary menu)

3 replies · Started by Henry on January 16, 2023

Viewing posts 1–4 of 4

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!

This archived topic is closed to new replies.