Title: Form styling doesn’t work
Last modified: February 21, 2020

---

# Form styling doesn’t work

 *  Resolved [mverhofs1](https://wordpress.org/support/users/mverhofs1/)
 * (@mverhofs1)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/form-styling-doesnt-work/)
 * Hi,
 * I am using a contactform on two pages on the website: kv13.nl
    On the homepage
   and the contactpage. I styled the form with CSS. But the contactform on the contactpage
   isn’t styled and on the homepage is. Its the same form. I dont understand and
   dont know how to solve this problem. Can you help me?
 * Kind regards,
    Marloes
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fform-styling-doesnt-work%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Nazmul Hassan](https://wordpress.org/support/users/nazmulhassann20/)
 * (@nazmulhassann20)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/form-styling-doesnt-work/#post-12467334)
 * Hello [@mverhofs1](https://wordpress.org/support/users/mverhofs1/),
 * I am assuming that in your Custom CSS you have used a class that is not available
   on the contact page. So, kindly make sure that your class name is common which
   is the same for both the Contact page or the home page. Do not use a class like
   a page ID which is not common on each page.
 * If there is no problem with class them then can you share your snippets here?
   Then I will apply it to my server and check what is going wrong.
 * Cheers!
 *  Thread Starter [mverhofs1](https://wordpress.org/support/users/mverhofs1/)
 * (@mverhofs1)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/form-styling-doesnt-work/#post-12468077)
 * I use this for example:
    div .wpforms-container-full .wpforms-form input[type
   =submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-
   container-full .wpforms-form .wpforms-page-button { text-transform: uppercase;
   background-color:#b99251!important; font-family: ‘Evogria’; letter-spacing: 2px;
   color:#fff; font-size:13px; border-width: 0px; padding: 11px 23px; line-height:
   16px; }
 *  Plugin Support [Ethan Choi](https://wordpress.org/support/users/ethanchoi/)
 * (@ethanchoi)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/form-styling-doesnt-work/#post-12472899)
 * Hi [@mverhofs1](https://wordpress.org/support/users/mverhofs1/),
 * It looks like your custom styles might have been overwritten by the default from
   styles.
 * To fix this, please try adding the `!important` tag to the custom CSS style values,
   like so:
 *     ```
       div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
           padding-top: 0 !important;
           padding-bottom: 0 !important;
           height: 29px !important;
           background-color: #ffffff !important;
           font-size: 15px !important;
           color: #4d4d4d !important;
           border-width: 0px 0px 2px 0px !important;
           border-color: #b99251 !important;
           border-radius: 0px !important;
       }
       ```
   
 * And in case it helps, here’s a tutorial from WPBeginner on [how to add custom CSS like this to your site](http://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/).
 * Hope this helps!
 *  Thread Starter [mverhofs1](https://wordpress.org/support/users/mverhofs1/)
 * (@mverhofs1)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/form-styling-doesnt-work/#post-12473461)
 * It worked! Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Form styling doesn’t work’ is closed to new replies.

 * ![](https://ps.w.org/wpforms-lite/assets/icon.svg?rev=3254748)
 * [WPForms - Easy Form Builder for WordPress - Contact Forms, Payment Forms, Surveys, & More](https://wordpress.org/plugins/wpforms-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpforms-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpforms-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/wpforms-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpforms-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpforms-lite/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [mverhofs1](https://wordpress.org/support/users/mverhofs1/)
 * Last activity: [6 years, 1 month ago](https://wordpress.org/support/topic/form-styling-doesnt-work/#post-12473461)
 * Status: resolved