Putting A Underline Instead Of A Border On A Button Label (Dawn Theme)

Store Design
, , , ,
1

Thanks in advance!

I’m looking to put a underline on my button label word instead of the border being around the word that works for mobile & pc. Example shown below.

How my site looks:

IMG_0450.jpeg
IMG_0450.jpeg1177×867 35.4 KB

What I want it to look like:

IMG_0451.jpeg
IMG_0451.jpeg1178×273 18.3 KB

Preferably still with the hover animation please.

2

@MMast Please provide store url when you are asking for the help without store url we can’t help you!

3

https://decemberschild.com/password
password: dc

4

Thanks @MMast If you want to show button like below screenshot then use provided css in your theme.liquid file before tag.

saim007_0-1713334140260.png
saim007_0-1713334140260.png1343×620 171 KB

If works then please mark as solve!

5

Hi @MMast

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1713335926151.png
PageFlyRichard_0-1713335926151.png1400×953 96.3 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly