-
-
Hi there,
I using a version of the template where when hovering over a page name in the top navigation panel, there is a coloured line that appears to show that the relevant page highlighted. I was wondering whether it is possible to edit the colour of this line so that each page could have it’s own colour when highlighted in the navigation pane?
Here’s the link if you’f like to see what I mean: https://69.195.124.87/~thedesp5/Acorn/
Thanks,
Simon -
Hello,
Try adding these lines into your custom css box:
.header_2 nav .menu>li:nth-child(1) >a { color: rgb(210, 24, 123); } .header_2 nav .menu>li:nth-child(2) >a { color: rgb(210, 24, 123); } .header_2 nav .menu>li:nth-child(3) >a { color: rgb(210, 24, 123); } .header_2 nav .menu>li:nth-child(4) >a { color: rgb(210, 24, 123); } .header_2 nav .menu>li:nth-child(5) >a { color: rgb(210, 24, 123); } .header_2 nav .menu>li.current-menu-item, .header_2 nav .menu>li.current-menu-parent, .header_2 nav .menu>li:nth-child(1):hover { border-top: 3px solid rgb(210, 24, 123); } .header_2 nav .menu>li.current-menu-item, .header_2 nav .menu>li.current-menu-parent, .header_2 nav .menu>li:nth-child(2):hover { border-top: 3px solid rgb(210, 24, 123); } .header_2 nav .menu>li.current-menu-item, .header_2 nav .menu>li.current-menu-parent, .header_2 nav .menu>li:nth-child(3):hover { border-top: 3px solid rgb(210, 24, 123); } .header_2 nav .menu>li.current-menu-item, .header_2 nav .menu>li.current-menu-parent, .header_2 nav .menu>li:nth-child(4):hover { border-top: 3px solid rgb(210, 24, 123); } .header_2 nav .menu>li.current-menu-item, .header_2 nav .menu>li.current-menu-parent, .header_2 nav .menu>li:nth-child(5):hover { border-top: 3px solid rgb(210, 24, 123); }
Let us know.
Best regards!
-
Hi Mihaila,
Thanks for initial your reply on this. Eventhough my reply is very, very late, just wanted to say that your css worked brilliant.
Thanks for your help.
-
-
Viewing 3 reply threads
You must be logged in to reply to this topic.