Formidable Forms Community Site

The Community forums are being phased out in favor of a new Slack group.
Add your email address below to get an invitation to join the community slack group

Slack Signup
Newsletter Optin
Help Desk
Subscribe

Putting a frame around a contact form

Labels

This Discussion is public

Notifications

Hi All,

I am using Formidable now for a couple of months and I am comfortable about setting up a contact form. However, I think that my forms look a little basic compared to other website sign up forms. Is there a way of putting a frame/ box around the form? Changing the back ground colour etc. Any help is appreciated. Or if someone knows of a tutorial video for this...I cannot seem to find one only basic form set up videos.

 

Many thanks,

Reynoldo

Hi Reynoldo,

 

Check out the settings in Formidable -> Styles.  If you want to do this globally, just change the border settings under General.

If you want the option to do this just for some forms, you go to the Custom CSS tab under Formidable -> Styles and create a class that has the border information in it such as that code below...
.rounded-border {
border: 3px #ff6464 solid;
border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
padding:20px 20px 0 20px;

}
Whenever you want to use it, go into that Form's settings and click on "Custom HTML".  Add the class in the box next to Form Classes.  With the example above, you would put in rounded-border in the Form Classes box.

Ricki

 

Discussion closed.