How can I align beans in two lines on the Sense Theme?

[pawliciouz]

Hello, how can I have the first 3 beans in a line and the next 3 ones (with 3x) in the line underneath?

Website: www.pawliciouz.com

[suyash1 · Accepted solution]

@pawliciouz - please add this css to the end of your base.css file and check, should look like screenshot below

.product-form__input input[type='radio'] + label{width: 30.33%;}

[pawliciouz]

Worked perfectly. Thank you

[Dan-From-Ryviu]

Hi @pawliciouz, you can try to add this code at the bottom of your section-main-product.css file to do it 

@media screen and (min-width: 768px) {
variant-radios { width: 79% !important; }
}

[LitCommerce]

Hi @pawliciouz,

Go to Assets > base.css and paste this at the bottom of the file:

.product-form__input input[type='radio'] + label {
    width: 30% !important;
}

Hope it helps!