Removing title space

Hello @durand04,

Q: However, the first checkbox item starts about 150 px under my padded box, which looks a bit weird without any title. Is there a way to remove that space?

A: Assign a class name to the field, for example: no-title

The class names are assigned to the fields through their attributes: “Add CSS Layout Keywords”

And then, define the new style through the “Customize Form Design” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png)

#fbuilder .no-title>label{display: none !important;}

Q: how can I put 30px space between the checkboxes and the text?

A: An alternative would be enter into the “Customize Form Design” attribute the following style definition:

#fbuilder .cff-checkbox-field input{margin-right:30px;}

Best regards.

Hi,
Thanks for the help. My spacing problem is now fixed, but I still have a little problem with the right margin of the checkboxes. Basically the provided code works only on the standard checkboxes, but when I add this code

#fbuilder input[type="checkbox"]{display:none;}
#fbuilder .cff-checkbox-field .dfield label span{background: url("https://img.icons8.com/metro/1600/unchecked-checkbox.png") no-repeat; background-size:20px 20px; padding-left:24px;}
#fbuilder .cff-checkbox-field .dfield label input:checked+span{background-image: url("https://img.icons8.com/metro/1600/checked-checkbox.png");}

the right-margin does not work anymore. I tried to play a bit with it but couldn’t find the good class name to change.

Hello @durand04,

The alternative would be to include the following style definition:

#fbuilder .cff-checkbox-field label span{padding-left:30px !important;}

But would be better if you send me the URL to the webpage where the form is inserted for checking in action the styles you’ve defined.

Best regards.

It worked, thanks.