Adding custom CSS

This documentation page is for Quform version 1 and may not be applicable for Quform 2 click here to visit the documentation for Quform 2.

Method 1

Add the CSS to your theme stylesheet, or in your theme options panel if it has a “Custom CSS” option.

Method 2

Add an HTML element to the form (from the “More” tab) and enter the CSS inside <style> tags, for example:

1
2
3
4
5
<style>
.iphorm-submit-wrap button span {
    color: #FF0000;
}
</style>
<style>
.iphorm-submit-wrap button span {
    color: #FF0000;
}
</style>

Method 3

Create the file iphorm-form-builder/css/custom.css and add your custom CSS to it. The plugin has been designed so that this file is loaded after all other Quform CSS files, so this is the best place to add CSS overrides. The custom.css file will be automatically saved during plugin updates, but you should keep a backup just in case.

NB: If you are using a Quform theme you may need to add the theme selector for the new styles to override the theme styles.

Example:


.iphorm-submit-wrap button span { ... }

Becomes:

.iphorm-theme-light-rounded .iphorm-submit-wrap button span { ... }

Be inspired. © 2018 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy