Arranging Line Checkbox Width with Advanced Designer

Is there a CSS code to change page color manually?

When I clone a form and change the color my layout for the form changes as well.

This is how it looks on original.

This is how it looks when I change page background color.

All I want to do is change page background color without layout changing.

Hi brandonkplumb91,

Thanks for reaching out to Jotform Support. I cloned your form and tested the issue. When I changed the layout to the original shape, Line Checkbox widget still isn't in the correct position. However, you can set out Checkboxes side by side with the label by using Advanced Designer. Let me show how to do it:

1. In Form Builder, click on the Paint Roller icon to open the Form Designer menu on the right side of the page.

2. Under the Styles tab, scroll down the menu and click on Advanced Designer.

3. In the page opens, click on CSS at the top right of the page.

4. Then, select the Line Checkbox widget and type a code snippet as I show you below:

width: 700; 

5. Click on Save on the left side of the page.

You can check out the screenshot below to see my results:

Give it a try and let us know if you need any help.

you guys rock - thanks as always