Adding an underline animation to the image banner 'shop now' button

Store Design
, ,
1

Hi i need help adding an underline animation to the ‘shop now’ button in the image banner. I don’t know if this can be done or not. Additionally i also want to remove the outline of the ‘shop now’ button. I added a video of the animation i want. Thank you in advance.

2

Hey @bee-woo

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

3

@Moeed thank you

url: https://kaizenpower.com.au/

password: Kpower58

4

@Moeed also wish to add it to the “shop now” button under the rich text as well if possible thank you

5

Hi @bee-woo

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

the animation you want requires complex custom code, i can give you a simple code that creates an underline on hover on the button you can try
Online Store ->Theme ->Edit code
Assets ->Base.css

.button.button--secondary:hover {
    text-decoration: underline !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

6

@PageFly-Richard Thank you, but is there a way to remove the box around the ‘shop now’ and keep the underline.