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






Note: your IP address will be stored on submit. I reserve the right to change or delete your response without notice! In case of abuse your IP address will be blocked!

GDPR privacy disclaimer
This form will send me your email address and your IP address.
If you don't want that, don't use this 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.14
  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!