Nav
Search
Untitled
Log In
Username:
Password:
Remember Me

Verification
Forums

Home
Documentation
Forums

Adding custom CSS

Quform WordPress v2 DocumentationGuidesBasicAdding custom CSS

Go to Forms → Settings → Custom CSS & JS and at the Custom CSS (All devices) field add the custom CSS.

Adding custom CSS

Search

Basic

Adding custom JavaScript
Finding a checkbox option unique ID
Finding the confirmation unique ID
Finding the element unique ID
Finding the form ID
Finding the notification unique ID
Getting form values & data types

Basics

Getting started

Installing the plugin
Migrating from Quform 1.x
Updating the plugin
Activating the license

Forms

Building a form
Adding the form to the site
Deactivating a form
Deleting a form

Elements

Text
Textarea
Email
Select menu
Checkboxes
Radio buttons
Multi select
File upload
Date
Time

FAQ

Forms

How do I add a new page to a form?
How do I set up the form to redirect to another page?
How do I show a form only to logged in users?
How do I make Quform forms compliant with GDPR?

Elements

How do I change the submit button text?
How do I set a field default value?
How do I make the Name field required?
How do I hide Radio/Checkbox option labels?
How do I add a Visual Editor to a Textarea?

Email

How do I set the “From” address to the submitted email address?
How do I send an autoreply email?
How do I add email recipients (To, Cc, Bcc)?
How do I add submitted data to the email subject?
How can I style my own notification email?
How do I add attachments to a notification email?

Styling & layout

How do I make the Textarea field larger?
How do I center the submit button?
How do I change the placeholder text color?
How do I change the calendar background color?

Customization

How do I link a Visual Composer button to a popup form?
How do I link a Slider Revolution button to a popup form?
How do I add a reset button?
How do I allow only 1 form submission per IP address?

Troubleshooting

Common problems

Not receiving email
Plugin/theme conflicts
Server compatibility
An error occurred verifying the license key
Form wrapped in [raw] tags
Known issues

Guides

Basic

Finding the form ID
Finding the element unique ID
Finding the notification unique ID
Finding the confirmation unique ID
Finding a checkbox option unique ID
Getting form values & data types
Adding custom CSS
Adding custom JavaScript

Email

Custom notification email content
Using the Post SMTP plugin to send emails via SMTP
Adding a recipient from a custom field
Adding the post author as a recipient

Integration

Creating a post
GetResponse
Creating a user
Login form
Logout form
MailerLite
MailChimp
MailPoet
Mailster
QuickEmailVerification
Google AdWords
Zoho CRM
Google Analytics
WebMerge
Sending form data to another script
Geolocation
Referrer tracking
Theme integration

Customization

Populating a select menu based on the value of another select menu
Word counter
Duplicating a text field in the form
Textarea character counter
Passing data from one form to another
Displaying submitted form data after redirecting
Giving each submission a unique reference number
Displaying the number of entries
Copying data from one field to another
Masked input field
File upload path with a form value
Confirm email field
Dynamic Select/Radio/Checkbox options
Limit checkbox selections
Limit multi select selections
Radio and checkbox icons
Radio and checkbox images
Colorpicker
Matrix field
Range slider
Repeatable groups
Popup script options
Creating a terms agreement checkbox popup
Showing a popup form by clicking a WP menu item
Adding file uploads to the WordPress media library
Disabling specific days in the datepicker
Prevent end date before start date
Persian calendar (Solar Hijri)
Islamic calendar (Hijri)
Over 18 age validator
Disabling specific times
Google Places address autocompletion
Google Maps marker to address

Advanced

Creating a custom validator
Creating a plugin for custom code
Enabling debug logging
Migrating custom code from Quform 1.x
Signature field
Adding a form data preview page
Calculations
PayPal
Stripe
WPML
Translating the plugin

Hooks

quform:successStart
quform_pre_display
quform_pre_process
quform_pre_validate
quform_post_set_form_values
quform_post_validate
quform_post_process
quform_confirmation_message
quform_confirmation_redirect_url
quform_notification_mailer_config
quform_pre_send_notification
quform_field_classes
quform_field_attributes
quform_element_valid
quform_element_value
quform_element_visible
quform_get_value_html
quform_get_value_text
quform_upload_filename
quform_upload_path
quform_entry_pre_process
quform_upload_absolute_path
quform_entry_post_process
quform_plugin_name
quform_custom_css
quform_get_client_ip
quform_bulk_options

Still having trouble? Head over to the forums.Have you tried looking in the help pages?

Explore

Support home
Support forums
Visit us on Envato
Visit Quform.com
Buy us a coffee
ThemeCatcher.net

Feedback

Type your message here ...

Name

Email*

This field should be left blank

About us

We are web team who one sunny day decided to become ThemeCatcher and devote our combined efforts to make web products that are user friendly and affordable.

We have been building web sites as a team since 2002, we ran an agency for 3 years before moving to ThemeCatcher which has been our most suited project thus far.

You'll find our work on the Envato Network, you can visit our portfolios on CodeCanyon and on ThemeForest.

CodeCanyon | ThemeForest

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

Sign in
New account

Email or Username

Password Show

Remember me

Forgot your password?

Username*

First name*

Last name

Email*

I agree with the Terms

Lost your password? Please enter your email address. You will receive mail with link to set new password.

Email or Username