Colours on Header

- 10 years, 7 months ago TheFeedAgency
  Participant
  
  Expired
  
  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
- 10 years, 7 months ago Mirela
  Participant
  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!
- 9 years, 6 months ago TheFeedAgency
  Participant
  
  Expired
  
  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.
- 9 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  Glad to know it is ok.
  
  Best regards!

Viewing 3 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login