Change animation of CtoA button on slider

Hi guys,
im trying to change the animation of CtoA button on the slider.
Is there a way to keep the font white during hovering over the button?
And is it possible to disable the complete animation?

Thanks for your help!

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .roll-button.button-slider:hover {
      background-color: #fff000;
      border-color: #fff000;
      color: #ff000; 
    }

To disable hover animation, add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .roll-button.button-slider,
    .roll-button.button-slider:hover {
      background-color: #fff000;
      border-color: #fff000;
      color: #fff !important; 
    }

Regards,
Kharis

1 Like