Highlight Theme - How to change the length of the button's underline?

Shopify Discussion
,
1

All the buttons on the desktop version of my shop look weird. The underline is much longer than the actual word! Please, help me to fix it.

Here is my page:

Thank you :smiley:

2

Hi @TONYA_GOLBERG ,

This is Victor from PageFly - Landing page builder, Iā€™d like to suggest this idea:

Step 1. Go to Online Store ā†’ Theme ā†’ Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
3

Add these css rules to your theme settings to do this follow these steps:

  1. Open your theme customizer
  2. Click on theme settings icon
  3. Click on custom css tab
  4. Paste the below code into that field

.buttonā€“underline, .no-touchevents .buttonā€“underline:hover, .buttonā€“underline:focus{
padding-right: 0;
}

.no-touchevents .buttonā€“underline:hover, .buttonā€“underline:focus {
padding-right: 0;
}

.buttonā€“underline {
padding-right: 0;
}