How to Style WpForms Title and Description

by | Last updated Mar 11, 2025 | wpforms, Styler for WpForms | 0 comments

Title and Description are part of WpForms Header. You can read our article regarding styling WpForms header section if you want to add background or border to it. In this article you will know how to change font size, color etc of title and description. This can be achieved using WpForms Styler plugin or with CSS code. Both the methods have their own advantages and drawbacks.

Pro’s and Con’s of using Styler for WpForms

Pro’s

  • Easy to use.
  • Live preview changes.
  • Can use color picker to add colors.
  • Live preview changes before saving them.
  • Changes stay even if the theme is changed.

Con’s

  • Can only change the properties that comes inbuilt in the plugin

Steps to Change Design of WpForms Title and Description

  • Install and Activate Styler for WpForms from WordPress plugin repository.
  • Go to customizer and then Styler for WpForms panel. Under this panel you will only have the option to select the form.
  • Once you select a form then the customizer will reload and provide all the options to design the form.
  • Now navigate to ‘Title & Description’ section.
form title and description

Design WpForms Title and Description

 

  • Form Title and description includes the settings for the title and description of the form. It includes the following settings:
    • Title font color: Using this option you can give the color to the title of the form.
    • Title font size:  You can also specify the size  of the title by using the title font size property. You can give any value in px,% or ems .
    • Title font alignment: This option can be used to align the title in whichever way you like. You can align it at the left,center,right and also justify it .
    • Margin: This property enables you to create a space around the title.You can use the margin-top,margin-right, margin-bottom and margin-left properties .
    • Padding:  By using the padding property you can specify the space between your  title and the border. You can use the padding-top, Padding-right, Padding-bottom and padding-left properties.
    • Description font color: This option can be used to provide color for the description.
    • Description font size : This option is used to give the font size to the form description.
    • Description font alignment: By using this property you can also align the form description .You can align it  to the left, right ,center or justify it.
    • Margin: It is used to provide the space between your title and description.  You can use the margin-top,margin-right, margin-bottom and margin-left properties .
    • Padding : This option is used to give the padding for the description . You can use the padding-top, Padding-right, Padding-bottom and padding-left properties.

Here is the video tutorial demonstrating how you can easily alter the design of WpForms Title and Description

Change Design of WpForms Title & Description using CSS

You can use the following code to change the design of title and description of WpForms using CSS.

Note: You should replace FORMID in above code with the id of the form you are working on.

Code Explanation
body #wpforms-FORMID .wpforms-head-container .wpforms-title

The above code will target the title of the form. Everything you write under it will affect how the title is displayed. Ex. we have given red color to title and made its font size 24px large.

body #wpforms-FORMID .wpforms-head-container .wpforms-description

The above code will target the description of the form. Everything you write under it will affect how the description is shown. Ex. we have given green color to description and made its font size 18px large.

If you need any help regarding the design of WpForms then feel free to contact us.

Still stuck? Need custom solution? We can help
Ultimate Kit for WPForms

Makes a difference

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

Indispensable for WPForms forms

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

Great plugin!

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

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.

Magnificent Plugin for Styling WPForms

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

Really good

It can freely style wpform perfect

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.

Very helpful

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

Perfect Addon Tool

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

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.

Beautifully functioning

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

Very good

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

very very very perfect !

thank you for your plugin !

Very easy and helpful

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

Excellent

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

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.

Love It!

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

Works …

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

Brilliant plugin

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

Very useful!

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

Great Plugin

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

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.

Easy and nice

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

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.

Beautifully Simple Styling

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

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.

Does what it says

Just what I needed: stylish WpForms.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *