Call to Action Button - Change Colors

Hello,

I would like to make a change to the button in my call to action. Currently it is transparent and then turns green when you hover on it. I would like it to do the opposite. So I would like it to be green and then when you hover over it it becomes transparent.

Here is a picture in the current state:

Thanks!

Hi,

You can invert the promo-button hover effect with this Custom CSS:

.promo-controls .roll-button {
    color: white !important;
    border-color: #00c9bf !important;
    background-color: #00c9bf !important;
}

.promo-controls .roll-button:hover {
    color: #00c9bf !important;
    border-color: #00c9bf !important;
    background-color: transparent !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba

Great it worked. Thank you very much Csaba!

Hi,

Great! You’re most welcome! If you need help with anything else, please open a new topic.

Have a nice day!

Kind Regards,
Csaba

1 Like