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

Comments

• Phil

  December 2022

  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