- This topic has 2 replies, 2 voices, and was last updated 3 years, 8 months ago by
.
Viewing 3 posts - 1 through 3 (of 3 total)
-
Posts
-
Greetings Andy,
Is there a way to highlight one of the items in the navigation menu? I would like to highlight one of the items with a rectangle or perhaps a background color.
Thank you.
Ivette
Yes this can be done with a small snippet of ‘Additional CSS’.
In the example below the 3rd menu item will have a red border:
#menu-main-menu > li:nth-of-type(3) { border: 1px solid red; }This will give it a red background:
#menu-main-menu > li:nth-of-type(3) { background: red; }Change the color red to your preferred color or color hex code.
If you want to highlight the 4th item, you should change the number in brackets to 4, and 5 for 5th etc.
#menu-main-menu > li:nth-of-type(4) { background: red; }
Viewing 3 posts - 1 through 3 (of 3 total)
- The topic ‘Navigation Menu’ is closed to new replies.