tuanphan Posted September 12 Share Posted September 12 To make each navigation option text a different color, you can follow this. If you can't make it work, you can share site url, I will check again. #1. First, you need to know this #2. Next, use this code to Custom CSS box div.header-nav-item:nth-child(1)>a, div.container.header-menu-nav-item:nth-child(1) * { color: green !important; } div.header-nav-item:nth-child(2)>a, div.container.header-menu-nav-item:nth-child(2) * { color: red !important; } div.header-nav-item:nth-child(3)>a, div.container.header-menu-nav-item:nth-child(3) * { color: #f1f !important; } div.header-nav-item:nth-child(4)>a, div.container.header-menu-nav-item:nth-child(4) * { color: brown !important; } div.header-nav-item:nth-child(5)>a, div.container.header-menu-nav-item:nth-child(5) * { color: #fff !important; } Result #3. With Dropdown Items, use CSS code like this div.header-nav-item:nth-child(5)>div>div:nth-child(1) * { color: red; } div.header-nav-item:nth-child(5)>div>div:nth-child(2) * { color: green; } div.header-nav-item:nth-child(5)>div>div:nth-child(3) * { color: white; } div.header-nav-item:nth-child(5)>div>div:nth-child(4) * { color: black; } div.header-nav-item:nth-child(5)>div>div:nth-child(5) * { color: brown; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment