How to change Variant loop

Solved
Tourist
34 0 1

Hello, I want to ask, about how to change the appearance of the product page variant as I attach it step by step? I am using Brooklyn Theme. Thank You!Product Page.png

 

What i looking for.png

 

0 Likes
Shopify Expert
665 170 199

Hi, @Winda_Lis ,

This is Evita from On The Map.

 

Can you add your store URL? You will need to add CSS code.

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
34 0 1

lalalamps.com

0 Likes

Success.

Shopify Expert
665 170 199

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.product-form__item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.radio-wrapper .single-option-radio__label {
text-transform: uppercase;
color: #B1B8BE;
background: #F4F6F7;
margin-bottom: 0;
padding: .65rem 1rem;
max-width: 238px;
width: 100%;
}

 

 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
34 0 1

i tried it, but the results are like this

test 1.png

0 Likes
Tourist
34 0 1

it's work. thank you!, thank you!

0 Likes