Color swatch buttons are not equally centred

Store Design
, , , ,
1

Hi guys,

Color swatch is not equally centred. Please see the screenshot. I would appreciate your help.

URL: [basicbastard.co](basicbastard.co)

Screenshot 2022-12-20 at 5.33.20 PM.png
Screenshot 2022-12-20 at 5.33.20 PM.png1250×738 5 KB

2

Hello @basicbastardco

I would like to give you a solution to support you:

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file

  3. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

1 Like
3

Thank you for trying help. Unfortunately, it did not work.

4

Hi @basicbastardco

This is Victor from PageFly - Shopify Page Builder App

Please follow my instructions and add the custom code to your theme-style file

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

Step 2: Add the code above the

It will look like this

PageFlyVictor_0-1671590348681.png
PageFlyVictor_0-1671590348681.png986×649 42.4 KB

Hope this can help you solve the issue

Best regards,

Victor | PageFly

1 Like
5

Hi @basicbastardco ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.product .product__info-wrapper .product-form__input input[type=radio]+label {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

Hope it helps!

1 Like