Color swatch buttons are not equally centred

Hi guys,

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

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

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

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

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

Hope this can help you solve the issue

Best regards,

Victor | PageFly

1 Like

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