• Resolved bggg12

    (@bggg12)


    Hello,
    could you please let me know how to remove all the transition effects (ease in and out) for all buttons on hover?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hey,

    Would it be possible for you to post a link so that I can see what buttons you’re referring to?

    Thanks,
    Kevin

    do you know CSS? Try to find transitionstyle in CSS and remove it.

    Thread Starter bggg12

    (@bggg12)

    Hello Kevin,
    unfortunately not, my site is not live yet. I am talking about all hte buttons in the Virtue theme. They have a transition effect when you hover on them, so that the color does not change immediately but gradually over a couple of milliseconds or so. See here:
    https://themes.kadencethemes.com/virtue/product/coffee-t-shirt/
    When you hover over the add to cart button, the color changes gradually.

    This should be possible using this CSS:

    .kad-btn-primary:hover {
        background: #2D5C88;
    }

    You’ll want to change the color to match whatever you’ve set in Theme Options> Basic Styling> Primary Color.

    Be sure that you’re always placing custom CSS into Theme Options> Advanced Settings.

    Let me know if that works for you!

    -Kevin

    I think it’s possible your wanting this css, try adding this to your theme options > Advanced Settings and let me know

    #commentform .form-submit #submit, .button, .cart_totals .checkout-button, .kad-btn {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
    }

    Ben
    Kadence Themes

    Thread Starter bggg12

    (@bggg12)

    That did it! I appreciate your immediate help, thank you very much.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Transition on hover’ is closed to new replies.