Change the Size of the Radio Button

What does this code do?

This code snippet will allow you to change the size of the circle radio button in a form.

 

Code Snippets

Copy and paste the following into Design > Custom CSS.

/*Change the size of the radio */
.sqs-block-form input[type=radio] {
transform: scale(1.5);
}

Then customize the scale number to change the size.

 

How To Use It

  1. Copy and paste the code as indicated above.

  2. Customize the size.

Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Change the Size of the Checkbox

Next
Next

Change the Search Bar Placeholder Text Color