We recommend keeping the standard spacing between radio options for consistency across your forms. However, if you need to increase the spacing, you can do so using our Custom CSS feature, which gives you full control over your form’s appearance.
Follow these steps to adjust the spacing:
Open the Form Builder
Navigate to the form that contains the radio options you want to modify.
Access the Custom CSS Editor
Click the ”…” icon in the top-right corner of the screen.
Select “Custom CSS” from the dropdown menu.
Apply the Custom CSS
Paste the following CSS into the editor:
.radio.form-check {
height: 40px;
}
Preview Your Changes
Switch to the Preview tab to see how the new spacing looks.
Note: The changes will not be visible in the Build tab, so always check the Preview tab for updates.
Note the custom CSS feature is only available under our paid subscriptions.