CSS styles

CSS styles

Single Line Text → Settings → Advanced

You can add custom CSS to any part of the element and it’s surrounding HTML to change the style.

Adding a style

To add a style, click the button that corresponds to the part of the element HTML that you would like to style, for example, to style the label, click the Label button.

To add CSS styles, click the CSS button of the newly added style to show the box where you can add CSS. Now enter the styles without the CSS selector or curly brackets and each line must end in a semi-colon. For example:

1
2
3
border: 1px solid #222;
font-size: 15px;
margin-right: 4px;
border: 1px solid #222;
font-size: 15px;
margin-right: 4px;

Once you save the form, the changes will appear on the form on your website.

Removing a style

To remove a style, click the remove icon on the style.

CSS selectors

Single Line Text → Settings → Advanced

Each element in your form has unique class selectors that you can use to style the element individually. These selectors are shown in this section, just copy the selector and paste it into your theme CSS file to add a style to that part of the element.

Still having trouble? Head over to the forums.

Forums