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.

Advertisement


Ads help me to help you! Thanks!

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


  Comment Form

Click here to open the form


  5 Comments

CMS Made Simple - Tutorials, tips and tricks - CMSMS

Styling forms

  Article optimized for CMSMS 2.x

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

Advertisement


Ads help me to help you! Thanks!

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

Advertisement


Ads help me to help you! Thanks!

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