Okay
  Public Ticket #2612707
Underlining Animation
Closed

Comments

  •  3
    temkatemka started the conversation
    November 26, 2020 at 11:48am

    Hi! 

    Is there some way to turn off underlning animation on interactive elements that are not supposed to be treated as links (like media player buttons)?

    I absolutely love it on text links but it looks totally buggy on some places.

    Thanks!

  • [deleted] replied
    November 27, 2020 at 7:05am

    Hi,

    Can you please send me the exact URL of that page where you have this element? So I can send you the exact code to disable the underline animation.

    Thanks!

  •  3
    temkatemka replied
    November 27, 2020 at 7:17am

    But it's global issue, I use product page template and this will be on every new page I'm gonna create. 

    But for example this page: https://www.eletyo.com/product/will-you-leave-me/

    Underline works on hovering over product image, buttons, 3rd party audio player control buttons

  • [deleted] replied
    November 27, 2020 at 9:21am

    Hi temkatemka,

    Can you please add the code below to your Custom CSS area:

    .elementor-section-wrap a:after {
    background-color: transparent !important;
}

    It should solve those problemsmile.png

    Thanks!

  •  3
    temkatemka replied
    November 27, 2020 at 9:28am

    It does indeed! One down :D

    Thank you! 

    Since we're talking about this page, could you say why custom Add To Cart from elementor pro looks this way (unlike regular button)?

    I got a lot of things going weird -_-

  • [deleted] replied
    November 30, 2020 at 9:57am

    Hi temkatemka,

    Happy to hear thatsmile.png

    As for your last question:

    it seems that Elementor server that button by default. Maybe there is any option to change that so for more informations please contact Elementor support directly.

    Thanks for your understanding!

  •  3
    temkatemka replied
    November 30, 2020 at 11:00am

    It's not elementor. Button looks fine when used over default WP theme.


  • [deleted] replied
    November 30, 2020 at 11:15am

    Hi,

    Thanks for your response, it seems that WooCommerce CSS is overwriting some styles of Elementor.

    Please just add this CSS code to your Custom CSS area:

    .woocommerce .add_to_cart_button {
        background: #3F2768;
        padding: 15px 30px;
}

    Thanks!

  •  3
    temkatemka replied
    November 30, 2020 at 11:19am

    It works yay! Thank you again, I lost how many times already :D

  • [deleted] replied
    November 30, 2020 at 11:23am

    Happy to hear thatsmile.png

    Have a great day!

    Will set this ticket as solved from here.