How can I customize the radio buttons on checkout for the selection of shipping options?

gp3tro

Can I make the radio buttons larger and a different color?

Is it possible to make them into bigger squares,

Link to site: crumblespatisserie.com

Phil

Hello,

Please, try the following CSS code:

.checkout input[type="radio"]{
   appearance: none;
 width: 20px;
   height: 20px;
   border: 2px solid #555555;
   background-clip: content-box!important;
   padding: 3px;
}
.checkout input[type="radio"]:checked{
   background: #555;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next