How to Style WpForms Header Section

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

Header of WpForms encompasses form title and form description. You can change the design of WpForms header using Styler for WpForms plugin. Follow the below mentioned step by step guide to change the design of header section in WpForms.

Download and activate Styler for Wpforms from wordpress plugin repository.
Open the page in which you have added the form in frontend.
Click on the customize option in admin bar and then navigate to ‘Styler for WpForms’ option.

Select the form which you want to style.
Once the form is selected the page will automatically refresh and you will be presented with the option to design the various parts of the form.

In the form header section you can make the following design changes
- Header Background color: This option will set the background color for header. Both Title and description are part of form header.
- Header border size: This setting sets the width of border for header. You can give any value in px, %, em or pt.
- Header Border Type: This setting defines the type of border which will be used for header. Default setting is ‘inherit’ and you can change it to solid, dotted, dashed , doubled etc.
- Header border color: this option can be used to change the color of header border.
- Header Border Radius: It can be used to define the border radius for header. The values can be given in px, %, em or pt.
- Margin: This setting is used to define the margin of header from its parent element. You can specifiy top, right, bottom and left margin. Ex. 5px 10px 5px 10px
- Padding: This setting is used to define the empty space between the header border and text elements ( Title & description). Its values can be given in a similar way as they are given for margin

Here is the video tutorial demonstrating the steps to change the header design

Steps to Style WpForms Header using CSS

By using the following CSS you can style the header section of your form. You can use any css properties as you like in the below code.

Note: Replace FORMID with your actual form id.

Code Explanation

The above code will change the background color of header section to #f7f7f7, add a padding of 10px and margin of 5px on top, right, bottom.

If you need any help with this tutorial then leave a comment below.

Still stuck? Need custom solution? We can help

Easy and nice

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

Very good

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

Really good

It can freely style wpform perfect

Works …

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

Magnificent Plugin for Styling WPForms

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

Great plugin!

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

Makes a difference

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

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.

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 very very perfect !

thank you for your plugin !

Excellent

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

Very easy and helpful

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

Beautifully functioning

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

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.

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.

Perfect Addon Tool

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

Very useful!

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

Does what it says

Just what I needed: stylish WpForms.

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.

Brilliant plugin

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

Beautifully Simple Styling

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

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.

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.

Indispensable for WPForms forms

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

Love It!

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