Change hover background and text color of transparent dark buttons

[kermit73]

Hi there,

where or how can I change the hover background and text color of transparent dark buttons?

Thanks a lot!

[Kyle – SUPPORT]

Add this to your custom css:

a.sf-button.transparent-dark:hover {
  background-color: #111111 !important;
}
a.sf-button.transparent-light:hover, a.sf-button.transparent-dark:hover {
  color: #ffffff!important;
}

– Kyle

[Bapt]

Hi Kyle,
I have put a transparent-light button in my footer and the hover fill the button in white, it’s ok but the text and the icon stay white and so disappear.
A tried a lot of things without result.

I have added the code below in my custom CSS but it didn’t work (exemple in the screenshots)

a.sf-button.transparent-light:hover, a.sf-button.transparent-dark:hover {
  color: #333333!important;
}

What can I do to fix that and have the same action than the transparent-light button present in the shortcodes page ?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

This will be because of your footer link hover color, as it overrides the main hover color for the button. If you could provide me with your link I will see if I can provide some custom CSS to change it

– Kyle