For our more code-savvy users, the only restriction for how to design an Upsales form is the web browser. This is done by adding your own CSS (Cascading Style Sheet) on top of the original Upsales one.

Where to add my custom CSS

Head to the design-mode for your form. Inside the right sidebar, click the tab named "Style" and locate the input field for your custom CSS.

Will my custom CSS affect the other elements on my website?

Short answer: no.

All your custom CSS will be restricted inside of #up-form meaning that any elements outside of the element containing that ID will not be affected. This is the utmost id of an Upsales form.

My CSS doesn't show in my form

• Try adding the keyword !important at the end of your CSS-statement:

#up-form {
 background-color: white !important;
 box-shadow: none !important;
}

In some cases, the default form CSS is more nested and therefore needs to be overruled this way.

Publishing forms with custom CSS

Your custom CSS will be included in all the publishing ways Upsales provides. For the raw-code publishing option your custom CSS will be added on top of the script and HTML code along with the default CSS for your form.