AbanteCart Community

Shopping Cart Operations => Support => Template Support => Topic started by: Sean Armstrong on June 12, 2019, 04:46:10 AM

Title: Change Font colour on top menu hover
Post by: Sean Armstrong 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.

Title: Re: Change Font colour on top menu hover
Post by: Basara 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

Title: Re: Change Font colour on top menu hover
Post by: Sean Armstrong 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

Title: Re: Change Font colour on top menu hover
Post by: Basara on June 12, 2019, 07:45:35 AM

Can you please make screenshot and point with arrow what element you want to change?

Title: Re: Change Font colour on top menu hover
Post by: Sean Armstrong 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. 

Title: Re: Change Font colour on top menu hover
Post by: Basara on June 12, 2019, 08:58:14 AM

Try something like

Code: [Select]

#topnav ul.dropdown-menu li a:hover {
    color: red;
}