Change color for container

Hello @jmindl,

I guess you are talking about the fieldset control.

– First, assign a custom class name to the field, for example: my-container

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

– Second, enter the new class definition through the “Customize Form Design” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png)

For example:

#fbuilder .my-container fieldset{background:#dfdfdf !important;}
#fbuilder .my-container legend{background:#fdfdfd !important;}

Of course, replacing the colors’ codes with colors you want.

Best regards.

Works perfectly, thanks a lot for prompt response

One more question, If I change the color of containerthis will change the color of the field inside. I tried to add also new css keyword for the field, but this doesn’t work. Can you please advice?

Hello @jmindl,

Only if the fieldset field includes other fieldset fields these fieldsets would be affected, but if you want apply the styles only the outer most fieldset, the style definition would be:

#fbuilder .my-container>fieldset{background:#dfdfdf !important;}
#fbuilder .my-container>fieldset>legend{background:#fdfdfd !important;}

and that’s all.
Best regards.