Title: Css changes
Last modified: August 31, 2016

---

# Css changes

 *  Resolved [lioneldeymier](https://wordpress.org/support/users/lioneldeymier/)
 * (@lioneldeymier)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-changes-11/)
 * Hello,
 * I’ve just installed your great plugin. It works ! But I would like to customize
   it.
    Pictures talk better than words: [here is how it is now](http://i.cubeupload.com/aQ6OaE.jpg)
   [here is how I want it to be](http://i.cubeupload.com/4S7rjx.jpg).
 * Could you please explain me how to do that ? I’ve already a custom css editor.
 * The url of my website is [http://test1.rosey.ch](http://test1.rosey.ch)
 * I’ve tried
 * _.widget\_mc4wp\_form\_widget {
    background-color: #ffce25; } But, don’t work.
   Help please !
 * Here is my 2 codes:
 *     ```
       .mc4wp-form form input[type="submit"] {
       position: inherit !important;
       }
       ```
   
 *     ```
       <p>
<label>Email*</label>
<input name="EMAIL" placeholder="Email" required>
</p>
       <p>
<label>Prénom*</label>
<input name="FNAME" placeholder="Prénom" required>
</p>
       <p>
<label>Nom</label>
<input name="LNAME" placeholder="Nom">
</p>
       <p>
<input type="submit" value="Je m'abonne">
</p>
       ```
   
 * Thank you ! 🙂
    [https://wordpress.org/plugins/mailchimp-for-wp/](https://wordpress.org/plugins/mailchimp-for-wp/)

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

 *  Plugin Contributor [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * (@hchouhan)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-changes-11/#post-7092029)
 * Hello,
 * Your theme adds some styling rules to our forms which give the button an absolute
   position. To fix this, please add below code to the end of “style.css” in your
   active theme.
 *     ```
       form.mc4wp-form input[type="submit"],
       .mc4wp-form form input[type="submit"] {
           position: relative !important;
           color: #FFFFFF;
           background-color: #e4b745;
       }
       ```
   
 * You would need to add additional styling to adjust the button width.
 * I hope that helps.
 *  Thread Starter [lioneldeymier](https://wordpress.org/support/users/lioneldeymier/)
 * (@lioneldeymier)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-changes-11/#post-7092066)
 * Hello Harish,
 * Thanks man, now, the button is below the boxes, perfect.
    But, the background-
   color does not work. Have you an idea why ?
 * On this page, the 1st option is chosen. I tried to change, that does not change.
   Is it ok ? Thank you Harish.
 * [http://i.cubeupload.com/5NvABX.png](http://i.cubeupload.com/5NvABX.png)
 *  Plugin Contributor [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * (@hchouhan)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-changes-11/#post-7092095)
 * Hi again,
 * Can you please change the earlier code to this:
 *     ```
       .mc4wp-form input[type="submit"] {
           position: relative !important;
           color: #FFFFFF !important;
           background-color: #e4b745 !important;
       }
       ```
   
 * Secondly, can you also please try changing the Style option to the 2nd in the
   list “Basic”.
 *  Plugin Contributor [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * (@hchouhan)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-changes-11/#post-7092096)
 * Also, if you want to give all the input fields a 100% width, you can add below
   code:
 *     ```
       .mc4wp-form-42 input {
           width: 100% !important;
       }
       ```
   
 *  Thread Starter [lioneldeymier](https://wordpress.org/support/users/lioneldeymier/)
 * (@lioneldeymier)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-changes-11/#post-7092122)
 * Perfect. Thank you Harish! 🙂
    Have a beautiful week.
 *  Plugin Contributor [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * (@hchouhan)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-changes-11/#post-7092140)
 * Glad that worked, thanks for letting us know!
 * PS. Should you have a quick minute to spare, [a plugin review here on WordPress.org](http://wordpress.org/support/view/plugin-reviews/mailchimp-for-wp?rate=5#postform)
   would make us quite happy. 🙂

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

The topic ‘Css changes’ 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/)

## Tags

 * [css custom](https://wordpress.org/support/topic-tag/css-custom/)

 * 6 replies
 * 2 participants
 * Last reply from: [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/css-changes-11/#post-7092140)
 * Status: resolved