Jukebox Posted March 23, 2023 Share Posted March 23, 2023 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, 2023 Solution Share Posted March 24, 2023 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, 2023 Author Share Posted April 20, 2023 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