MENU

Styling forms

Next article  

Below you will find some examples how to style a Formbuilder form. I used the class "formbuilder" here, but you can also use of course "contactform", "guestbook", etc.

Adding a class here is necessary because the styling could be in conflict to other forms at your website, in example FrontEndUsers or other modules.

.formbuilder fieldset {
}
.formbuilder form {
}
.formbuilder input {
}
.formbuilder input:hover {
}
.formbuilder input[type="button"] {
}
.formbuilder input[type="checkbox"] {
}
.formbuilder input[type="file"] {
}
.formbuilder input[type="option"] {
}
.formbuilder input[type="radio"] {
}
.formbuilder input[type="submit"] {
}
.formbuilder input[type="text"] {
}
.formbuilder label {
/*width: 250px;
float: left;*/

}
.formbuilder legend {
}
.formbuilder optgroup {
}
.formbuilder select {
}
.formbuilder textarea {
}

.guestbook fieldset {
}
.guestbook form {
}
.guestbook input {
}
etc.
etc.

.feu fieldset {
}
.feu form {
}
.feu input {
}
etc.
etc.

Buy Me A Coffee


  Comment Form

ReviewManager

Click here to open the form

ReviewManager

  5 Comments

Buy Me A Coffee

CMS Made Simple - Tutorials, Tips and Tricks - CMSMS

Styling forms

  Article optimized for CMSMS 2.x

  Author:
  Last tested in: CMSMS 2.2.19
  Last updated: 23-06-2018
  Comments: 5
  http://cms.ms/N1Tx


Buy Me A Coffee




Advertisement


Ads help me to help you! Thanks!

Ads help me to help you! Buy products from these advertisers!