How can I change size variants in Dawn theme?

[Manuelps96]

Hello,

I need help changing my size variants in Dawn theme.

Right now I have it like this 

And I was looking to have something like this.

Does any one know  how I can do this or if there is any app I can install?

THanks in advanc e

[gr_trading]

Hi @Manuelps96 ,

Go to online-store -> edit code -> search for base.css file

put the below code in the very last of the file.

variant-radios .product-form__input {display: flex;}
variant-radios .product-form__input input[type=radio]+label {margin: 0; border-radius: 0; border-right-color: transparent;}
variant-radios .product-form__input label:last-child {border-right: solid 1px #000 !important;}

[GemPages]

Hello @Manuelps96 ,

1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

    <style>
     .product__info-container .variant-radios .product-form__input input[type=radio]+label {
          padding: 10px;
          width: 60px;
          overflow: hidden;
          border-radius: 0px;
          margin: 0px !important;
          margin-right: 0px !important;
      }
      .product__info-container .variant-radios .product-form__input {
          display: flex;
          flex-wrap: wrap;
      }
    </style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team