need help? contact our support team
Custom CSS
You can add your own CSS to your ONFORMs – this allows you to style your ONFORMs however you want. Whether you want to make a few minor tweaks to how your ONFORMs display, or whether you want to completely transform how your ONFORMs look and feel then you can do so with ease by adding your own CSS to your ONFORMs.
Use Developer Tools of a web browser to inspect an ONFORM to see the classes, ids, and other selectors you can use to style your ONFORMs.
Custom CSS will apply to all your ONFORMs to save you the time of having to apply the same styles to each ONFORM but you can style a specific ONFORM by inspecting the relevant ONFORM in preview mode and using the CSS class unique to that ONFORM (e.g. ‘postid-670’) in the body tag. Alternately you could use the id on the article tag (e.g. ‘post-670’).
How to add custom CSS to your ONFORMs
01 When on the ONFORM editor, click the settings button in the top right of the screen
The settings bar will then open
02 Scroll down to the ‘Design’ section
If the section is closed click the button to open it
03 Toggle the ‘Custom CSS’ switch
A modal will display where you can input your css
04 Add your CSS
05 Click ‘Save’
When you’ve added your CSS click save and it will be applied to your ONFORMs