Questions
Answers
To modify the whole styles of the form fields and labels, edit the styles file "wp-content/plugins/cp-easy-form-builder/css/stylepublic.css" and add these rules at the end of that file:
#fbuilder, #fbuilder label, #fbuilder span {
color: #00f;
}
#fbuilder input[type=text], #fbuilder textarea, #fbuilder select {
border: 2px solid #00f;
}
#fbuilder .pbSubmit {
color: #00f;
font-weight: bold;
}
#fbuilder .section_breaks label { font-size:18px; } #fbuilder .section_breaks span { font-size:14px; }
#fbuilder .comment_area label { font-size:18px; } #fbuilder .comment_area span { font-size:14px; }
#fbuilder .pbNext,#fbuilder .pbPrevious {
color: #00f;
font-weight: bold;
}
#fbuilder .fform h1 {font-size:32px;} #fbuilder .fform span {font-size:16px;}
On the other hand to modify only a specific field into the form:
.specialclass label {
color: #00f;
}
.specialclass input[type=text],.specialclass textarea,.specialclass select {
border: 2px solid #00f;
}
If the form doesn't appear in the public website (in some cases only the captcha appear) then change the script load method to direct, this is the solution in most cases.
That can be changed in the "troubleshoot area" located below the list of forms.
Into the form builder in the administration area, click the "Form Settings" tab. That area is for editing the form title and header text.
It can be used also for different alignment of the field labels.
Into the form editor click a field and into its settings there is one field named "Add Css Layout Keywords". Into that field you can put the name of a CSS class that will be applied to the field.
There are some pre-defined CSS classes to use align two, three or four fields into the same line. The CSS classes are named:
For example if you want to put two fields into the same line then specify for both fields the class name "column2".
Installation Instructions:
Note: The above is a safe process, the plugin's data and settings won't be lost during the process and will appear again after installed the pro version.
Alternative Installation Method:
Upgrade Instructions:
The upgrade instructions are exactly the same instructions mentioned above but be sure to make a backup copy of your current files if you have made custom modifications to the files or translations since the files will be overwritten.
After upgrading the plugin remember to clear your browser cache.
The free version must be deleted before installing the pro version.
If you are upgrading the pro version to a new version you should also remove the previously installed version.
This is a safe step, the plugin's data and settings won't be lost during the process.
Another alternative is to overwrite the plugin files through a FTP connection. This is also a safe step.