Title: Form formatting using css
Last modified: August 22, 2016

---

# Form formatting using css

 *  [illuminiphotography](https://wordpress.org/support/users/illuminiphotography/)
 * (@illuminiphotography)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/form-formatting-using-css/)
 * Hi,
 * I’m having trouble styling my mailchimp 4 wordpress form using css.
 * I have used the following code to create the form.
 *     ```
       <p>
       	<center><label for=”mc4wp_email”>Subscribe to our E-mail Newsletter</label></center><font color=”#ffffff“>Subscribe today and get a Free copy of the Ebook “plan your perfect wedding“</font></p>
       	<input type="email" id="mc4wp_email" name="EMAIL" placeholder="Your email address" required />
       </p>
   
       <p>
       	<input type="submit" value="Sign up" />
       </p>
       ```
   
 * and entered the following styles in my styles.css
 *     ```
       }
       .mc4wp-form input.email {
       display: block;
       padding: 6px 0;
       margin: 0 4% 15px 0;
       text-indent: 5px;
       width: 58%;
       min-width: 268px;
       margin-left: 6px;
       line-height: 14px;
       border-radius: 3px;
       }
       .mc4wp-form {
       background: #282828;
       clear: left;
       font: 14px;
       width: 300px;
       max-width: 300px;
       border-radius: 3px;
       }
       .mc4wp-form input.button {
       display: block;
       margin: 0 0 11px 0;
       width: 264px;
       min-width: 279PX;
       margin-left: 1px;
       }
       .mc4wp-form .button {
       clear: both;
       background-color: #F60;
       border: 0 none;
       border-radius: 4px;
       color: white;
       font-size: 15px;
       font-weight: bold;
       height: 34px;
       line-height: 31px;
       padding: 0;
       text-align: center;
       text-decoration: none;
       vertical-align: top;
       white-space: nowrap;
       }
       .mc4wp-form input {
       border: 1px solid grey;
       -webkit-appearance: none;
       }
       .mc4wp-form {
       display: block;
       position: relative;
       text-align: left;
       padding: 20px 0 8px 3%;
       }
       .mc4wp-form label {
       display: block;
       font-size: 16px;
       padding-bottom: 5px;
       font-weight: bold;
       color: white;
       margin-right: 10px;
       }
       ```
   
 * I can’t seem to style the form even though I believe the correct style.css file
   for my theme has been edited.
 * Any help is always appreciated. Thanks!
 * [https://wordpress.org/plugins/mailchimp-for-wp/](https://wordpress.org/plugins/mailchimp-for-wp/)

The topic ‘Form formatting using css’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp-for-wp/assets/icon-256x256.png?rev=1224577)
 * [MC4WP: Mailchimp for WordPress](https://wordpress.org/plugins/mailchimp-for-wp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp-for-wp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp-for-wp/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp-for-wp/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [illuminiphotography](https://wordpress.org/support/users/illuminiphotography/)
 * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/form-formatting-using-css/)
 * Status: not resolved