Button hover effect

  • Resolved aditmb

    (@aditmb)


    1 year ago

    Hi,

    I need help making a button animation hover border. Under advanced > hover effect > sweep to left. How to change the bg color and radius of the effect?

    It seems like the settings from styles tab isn’t working for the advanced hover. Please help, I really like the sweep effect button.

    I try to add: .eb-button-zee5dd8:hover { background-color: #45a049;} but the whole block bg color changed, not just the button. Also need help to change the border radius please ??

    • This topic was modified 1 year ago by aditmb.
    • This topic was modified 1 year ago by aditmb.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Amit Barai Alit

    (@amitbarai013)

    Hi aditmb,
    Hope you are doing well.

    We are really sorry for the inconvenience. Actually, I have checked this on my end and found that it is working well. Please check this screencast and try on your end if that resolves your issue: https://d.pr/v/d2Uwac

    However, I found that it added another color for the sweep to the left hover animation effect. I will discuss this with the team and will let you know the update when it will get fixed.

    In the meantime, in order to resolve this issue, please do the styling for the hover (border-radius, background etc.) from the Style option that you do as usual and then use the following custom CSS code:

    .hvr-sweep-to-left::before {
    background: #2098d100 !important;
    }


    You can simply add custom CSS by navigating to your WordPress Dashboard -> Appearance -> Customize.
    After you are on the Customizer page, search for the “Additional CSS” option. You can then go ahead and insert CSS Code. Please check this screencast to learn more – https://d.pr/v/QrrfTw

    Hope this will resolve your issue. Let me know how it goes.
    Thank you.

    Thread Starter aditmb

    (@aditmb)

    Thanks a lot, I will try it again ??

    Plugin Support Amit Barai Alit

    (@amitbarai013)

    Hi aditmb,

    I am so glad to inform you that we have fixed this issue in one of our Dev versions of the plugin. Please download the Essential Blocks for Gutenberg plugin from here: https://d.pr/f/nXd8Jf

    This will resolve your issue. Let us know how it goes.
    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Button hover effect’ is closed to new replies.