How to change the shape of the size variant from rectangle to Circle in Colorblock theme?

Store Design
1

Currently it is looking like this

nehasingh1111_0-1681988303278.png

I want the size variant in Round shape. Please see below image for reference.

nehasingh1111_0-1681989101465.png

2

@nehasingh1111 can you share your store url?

3

www.amplebuy.in

pwd : duskao

4

Hi @nehasingh1111

Follow this:

  1. Go to Online Store->Theme->Edit code
  2. Asset->section-main-product.css > paste bellow code in bottom of file
.product-form__input input[type=radio]+label{
padding-left: 10.5px;
    border-radius: 100%;
    padding-right: 10.5px;
    min-width: 50.7px;
    padding-top: 17.5px;
    padding-bottom: 16.5px;
}
2 Likes