Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: Change Font colour on top menu hover  (Read 4090 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: 5774
  • Karma: +274/-2
    • 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

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: 5774
  • Karma: +274/-2
    • 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?

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: 5774
  • Karma: +274/-2
    • 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;
}

 

Powered by SMFPacks Social Login Mod