Jukebox Posted March 23 Share Posted March 23 Hello, I am trying to change the text colour of the navigation bar on this website: https://www.jukeboxsailing.co.uk/ However, I would like for each different option to be a different colour (to correspond to the logo). Is there a way I can do this? Thanks. Link to comment
Solution Mark.Hook Posted March 24 Solution Share Posted March 24 Plug this into your Custom CSS and see if that's what you are looking for... Obviously, you can change the colors in the css to anything you want. nav.main-nav ul > li:first-of-type a { color: red !important; } nav.main-nav ul > li:nth-of-type(2) a { color: blue !important; } nav.main-nav ul > li:nth-of-type(3) a { color: pink !important; } nav.main-nav ul > li:nth-of-type(4) a { color: orange !important; } nav.main-nav ul > li:nth-of-type(5) a { color: aqua !important; } nav.main-nav ul > li:nth-of-type(6) a { color: green !important; } Lead Developer at [Hook Creative][1] in Springfield, MO. [1]: http://www.hookcreative.co Link to comment
Jukebox Posted April 20 Author Share Posted April 20 That's great, thanks for your help! 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