Author Topic: Change Font colour on top menu hover  (Read 204 times)

Offline Sean Armstrong

  • Newbie
  • *
  • Posts: 21
  • Karma: +1/-2
    • View Profile
Change Font colour on top menu hover
« on: June 12, 2019, 04:46:10 AM »
Is it possible to change the colour of the font on the top menu dropdown only on hover.  Currently they are all grey when i mouse over them but want to change them to green.

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 4318
  • Karma: +203/-0
    • View Profile
Re: Change Font colour on top menu hover
« Reply #1 on: June 12, 2019, 06:48:15 AM »
Use your browser inspector tool to find what CSS rule you need to change https://abantecart.atlassian.net/wiki/spaces/AD/pages/7569496/Debug#Debug-Browserinspector
“Chuck Norris is so amazing.”
― Mother Teresa

Offline Sean Armstrong

  • Newbie
  • *
  • Posts: 21
  • Karma: +1/-2
    • View Profile
Re: Change Font colour on top menu hover
« Reply #2 on: June 12, 2019, 07:35:20 AM »
Ive done this but it only changes the colour of the text which is the same when hovering over it.  There seems to be no way to change it on hover.  Template is the default

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 4318
  • Karma: +203/-0
    • View Profile
Re: Change Font colour on top menu hover
« Reply #3 on: June 12, 2019, 07:45:35 AM »
Can you please make screenshot and point with arrow what element you want to change?
“Chuck Norris is so amazing.”
― Mother Teresa

Offline Sean Armstrong

  • Newbie
  • *
  • Posts: 21
  • Karma: +1/-2
    • View Profile
Re: Change Font colour on top menu hover
« Reply #4 on: June 12, 2019, 08:52:06 AM »
Ive attached screenshot of the menu.  As you can see when hovering over the dropdown i can change background colour to green however text remains grey.

I would like to change the text to white only when hovering over so essentially green background white text. 

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 4318
  • Karma: +203/-0
    • View Profile
Re: Change Font colour on top menu hover
« Reply #5 on: June 12, 2019, 08:58:14 AM »
Try something like
Code: [Select]
#topnav ul.dropdown-menu li a:hover {
    color: red;
}
“Chuck Norris is so amazing.”
― Mother Teresa

 

Powered by SMFPacks Social Login Mod