How to Style WpForms without CSS Coding

by sushil kumar | Last updated Apr 7, 2019 | Styler for WpForms, wpforms | 1 comment

WpForms is a freemium WordPress plugin. It is one of the fastest growing plugins in terms of active installs in the WordPress plugin repository. In this article, I will show you how to design WpForms without CSS coding. It will work both with the lite and pro versions of WpForms.

This article is targeted towards users who either don’t have time to find classes of WpForms elements and then add properties for them or those who don’t have experience in using CSS.

To Style the form we will be using free WpForms Styler plugin from WordPress repository. This plugin has 150+ style options for different sections of the form. It has 4000+ active installs and 11,641 total downloads.

Features of Styler for WpForms.

150+ controls to style different parts of forms.
Live preview of design changes.
Design unlimited forms for free.
Form controls divided into multiple sections.
Easy to use controls like color picker, values supported in px, em, rem, and %.
Responsive design options for desktop, tablet and mobile device

How to Install Styler for WpForms.

Login into your WordPress dashboard and go to Plugins -> Add New.
Search for ‘Styler for WpForms’ and then install it.
Activate the plugin and you are all set to start designing the form.

How to Style WpForms with Free Plugin

Login into your WordPress Dashboard and open the page in which you have added the form which you want to design.
Open customizer on this page. If are not aware of how to do it then take a look at the customizer tutorial here.
In the customizer’s sidebar click on the ‘Styler for WpForms’ Panel. This panel will have only one section titled ‘Select Form’.
Once you select the form you want to design than the page will prompt a message. Click on ‘Ok’ and then the page will refresh.
Now you will see all the design options. You are now ready to customize the design of form to your liking.
Since all the changes are live previewed so, it shouldn’t take too much time and effort to implement the design.
Once you have finalized the changes then you can click on the ‘Publish’ button and the changes will be saved into the database.

Style WpForms with Free Plugin

Styler for WpForms FAQ’s

Which parts of the form I can design with this plugin?
You can style form wrapper, header, title, description, labels, text fields, dropdowns, radio inputs, checkbox inputs, paragraph textarea, submit button, confirmation message and error messages with it.

Which are the different type of settings available?
Some of the basic settings which are available for most of the fields include font color, font size, font weight, text decoration, line height, margin, padding, border size, border style, and border-radius.

Can I hide labels for Form Fields?
Yes, you can hide labels for form fields. This setting is available under ‘Field Labels’ section.

Can I design a Multi-page form with this plugin?
Yes, you can design multipage form with it. However, it is not possible to switch between different pages while the customizer is open. So, you should temporarily remove the page breaks and design the form. Once you are done you can add the page breaks back and the design will be preserved in the multi-page form as well.

Can I create a multi-column layout?
We are working on a multi-column layout plugin that will let you create 2, 3, 4, 5, 6 column layouts. But as of now, this is not possible.

How can I get support in case I am stuck?
You can get support using the contact page or via the official forum for Styler for WpForms.

Plugin in WordPress repository.
Download Styler for WpForms

Still stuck? Need custom solution? We can help

A must have for WP Forms

WPForms is a great form builder, and this plugin makes it even better. Tried to use CSS only and quickly ran into trouble. This plugin did what I needed in minutes.

Great Plugin

Great plugin, helped me a lot. Thanks to the developers.

Makes a difference

Solid, easy to use, clean, visual form styles.

This is the best Forms plug so Far!

I have customized my forms with this simple and supper easy to use plug in. Thank you guys for make my sites looks better and my life easier with your solutions.

Keep that great work going.

Very useful!

A very useful tool, without it there are very few options to stylize WP Forms. Thank you, good work!

Easy and nice

Really easy to use for someone who has no specific knowledge.

Perfect Addon Tool

Excellent plugin. Very reliable and used with my client sites running WPForms. Strongly recommend.

Very easy and helpful

This plugin made my day.. it helped me to resolve some small, but important issues

Very helpful

The perfect thing to help you customize and tweak your forms, especially those button colors. Recommended.

Magnificent Plugin for Styling WPForms

Marvelous plugin, easy to use, and solve the lack of WPForms design. I love this plugin.

Works …

The little I used it .. it works and does what I want

An Awesome Plugin

This is really the first time I’m ever going to rate a plugin – not because all others aren’t good but I just love this plugin.

Does what it says

Just what I needed: stylish WpForms.

Indispensable for WPForms forms

Great plugin, works perfectly and has given me great support in customizing forms created with WPForms. Thank you!

Super handy tool

WPForms actually provides a lot of code on their site for styling forms, but this is still a really excellent little plugin that saves time and gives you more flexibility.

Highly recommended.

Beautifully functioning

It can well unify the style of websites using wpforms, which is extremely helpful.

Great plugin!

Thank you for being a lifesaver, I really owe you guys! Useful plugin specially for students like me.

Really good

It can freely style wpform perfect

Brilliant plugin

I am new to website building and this plugin is my favourite. It is so easy to use and looks beautiful

Very good

Simple setup, simple deploy, simple use! Thanks for this addon very helpfull for me

Fantastic for forms

I am new to WP and this was an easy to use plug-in to make a form I needed for my new site. Really easy to understand. When I hit a snag (mainly because I am still learning) the customer service was quick and kind to walk me through things. Looking forward to creating more.

very very very perfect !

thank you for your plugin !

Great Tool

Great tool\add on to WP Form. I needed to change the color of the Check boxes text on my form and was able to do it easily with Styler for WPForms.

Beautifully Simple Styling

Perfect for styling WP Forms just the way you want them.

Love It!

So easy to customize WP-Forms without the hassle of CSS.

Always my go to

This does exactly what I need it to, simple to use, easy to set up and integrate.
I use this on over 100 sites and never had a problem.

Excellent

If you need to create functional forms very often this is an amazing tool. Complete and easy to use.

1 Comment

Kieran on August 2, 2021 at 12:48 pm
I have installed and activated the plug-in. I go to the page the form is on, I click Customise, I click Styler for WPForms… and nothing happens. When I click on other options in the same menu, again nothing happens. Any ideas what I am doing wrong?? Thanks
Reply