For code-savvy Upsales users, your only restriction when designing 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.
This article overs:
- How to activate CSS styling
- How to publish forms with custom CSS
- "Will custom CSS affect other website elements?"
- "My CSS isn't showing in my form"
How to activate CSS styling
- Click the Design tab:
- Click on the Custom styling tab, or scroll down to find Custom styling (CSS).
- Accept the great responsibility that comes with great hacks, by clicking Don't worry, I'm a code wizard.
- Commence code hacking.
How to publish forms with custom CSS
Your custom CSS will be included in all published forms.
For the raw code publishing option, custom CSS is added on top of the script and HTML code. Along with the default CSS for your form.
"Will custom CSS affect other website elements?"
Short answer: no.
All your custom CSS will be restricted inside of #up-form. This means any elements outside the element containing that ID won't be affected. This is the utmost id of an Upsales form.
"My CSS isn't showing 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.