How can I add spacing between checkboxes in the configurable list widget

How can I add spacing between checkboxes in the configurable list widget

I have the following CSS and all I need is working but I cannot have a spacing between the checboxes.

.configurable-list-field-checkbox { margin-right: 10px; } 

.col1, .col2 {

min-width: 47% !important;

max-width: 47% !important;

}

.checkbox { 

display: contents; 

margin-right: 10px;

} 

Hi Luxor_Collection, 

Thanks for reaching out to Jotform Support. You can adjust the space between these two elements using CSS. Let me help you do that:

1. Copy the code below.

.form-checkbox+label, .form-checkbox+span {

    display: inline-block;

    padding-right: 10px;

}

2. Open your form in Form Builder, scroll down, and select the Configurable List widget.

3. Click on the Wand icon on the right side of the widget to open Widget Settings, and under the Custom CSS tab, paste the code into the CSS Code box.

You can also check out our guide about How to Inject Custom CSS Codes for more information.

Check out the screencast below to see my results:

Give it a try and let us know how it goes.

Hi Dayron,

It works! Thanks for your help :)