rory-h rory-h - 1 year ago 59
CSS Question

css hover on a link - not working

This is the site -

The last section has a button - Join Now.

At the moment the button on hover has - green background and white text. I wanted it to be white background and green text.

I tried this code :

.joen_now_part h6 a:hover {
background-color: #fff;
color: #2a8a15;


But for some reasons nothing changes.

Help and suggestions will be greatly appreciated.

Answer Source

there is already some class applied so have to overwrite the class

this is the default class its applying

a:hover, a:focus, a:active {
    background-color: #2a8a15;
    color: #fff;

so u have to add this

 .joen_now_part h6 a:hover {
   background-color: #fff !important;
   color: #2a8a15 !important;


for reference

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download