Adding custom CSS

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 { ... }

Still having trouble? Head over to the forums.

Forums