WordPress WPForms Lite Plugin Troubleshooting post provides some of the most common questions asked in the support forum.
Last Updated: January 4, 2021
Latest News: Updated the documentation.
This is a list of questions and answers to help you troubleshoot some of the most common questions asked by many users in the wordpress.org forum.
What you need:
- WPForms Lite plugin
- WPForms Features & Addons (Note: This is an affiliated link. I get a small commission if you purchase any product including the plugins pro version.)
WPForms Lite Plugin Tutorials:
- Settings
- Create Simple Form
- Fields
- Form Settings
- Tools
- Troubleshooting
WordPress WPForms Lite Plugin Troubleshooting List
===================
Q1 How do I create my first form?
Answer: The plugin developers have put together the following for you when you first enable the plugin.
WPForms make it easy to create forms in WordPress. You can follow the video tutorial on the right or read our how to create your first form guide.
But in reality, the process is so intuitive that you can just start by going to WPForms – > Add New.
===================
Q2 How do I add fields and manage the fields in the form?
Solution 1: Click on the following URL WPForms Lite Plugin Fields to learn more.
===================
Q3 How do I customize the submit button?
Solution: You need to make changes to the following CSS tags.
#wrapper div.wpforms-container-full .wpforms-form input[type=submit],
#wrapper div.wpforms-container-full .wpforms-form button[type=submit] {
background-color: #000;
border: 1px solid #000;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 15px 20px;
display: block;
text-align:center;
}
#wrapper div.wpforms-container-full .wpforms-form input[type=submit]:hover,
#wrapper div.wpforms-container-full .wpforms-form input[type=submit]:active,
#wrapper div.wpforms-container-full .wpforms-form button[type=submit]:hover,
#wrapper div.wpforms-container-full .wpforms-form button[type=submit]:active {
background-color: #333;
}
To make any CSS changes to your website you should really be working with a child theme. If you are not using a child theme and your current theme does not allow for customize style, then you can use the following plugin wordpress-custom-css-plugin.
=========================================
I will be adding more questions and answers so keep coming back for the latest.
If you have a question please let me know.
Enjoy.
I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in wordpress.org forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.
Hi Manuel,
I’ve created my form and the fields are fine. However, I want to change the font of each field heading, ie., the way it displays on my site.
“Name”, “email”, “message” etc. are all in italics and a font I don’t like.
How can I adjust that? I can’t seem to find it in the plugin options and settings.
Thanks!
Hi Bryce, I am certain that the font is coming from your theme settings. As far as I know the plugin does not have an option to change the font style. Can you share your URL with the form so I can take a look.
Thank you
Hi! Great tutorials thanks so much! I was wondering if it’s possible to rename field IDs? Hope you can advise, thank you :)
Hi Elaine, thank you for your question. When you say field IDs are you talking about the name or the number assigned to a field? If you are referring to the number assigned to a field, as far as I know no. You cannot change the number.
Let me know if you need more help.
Regards
Good Evening, I am wanting to put the form in spanish. I have managed to edit every field excep the one that says First and Last under name. I am not a programmer so not sure how to edit that.
Hi Luis, have you tried the following plugin Loco Translate? You can find more translation plugins in the following URL WordPress Translation Plugins? Loco Translate will help you translate the fields you mentioned into Spanish.
Let me know if you need more help.
Kind regards
I can’t get my form to be centered on the page! I thought maybe making the ‘comment’ box thinner would do it, but in advanced field settings all it does is make that field shorter. How do I center this thing??
Hi Stella, try adding the following custom CSS. This is just an example, please adjust in accordance to your design.
#wpforms-543 {width: 450px;
margin: auto;
}