Button hover color change transition

[zero_to_one]

Hey there,
buttons change color on hover, but I could not find the option to change the transition on hover in the builder.
It’s about the blue button in my header, I’d like the transition to be not existing, this way the color. Changes instantly on hover. Thanks for your help!

[nabeel]

Hi @zerotoone.de,

Thank you for reaching out to us. To remove the transitions from the button, first assign a class no-transition to your header button and then add the following code in the Theme Options > CSS:

.no-transition.x-anchor-button {
    transition-duration: 0s;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!