Title: CSS edditing
Last modified: August 21, 2016

---

# CSS edditing

 *  [aspenoracle](https://wordpress.org/support/users/aspenoracle/)
 * (@aspenoracle)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/css-edditing/)
 * Hello!
 * Which CSS file do I edit?
 * I’d like to change the rollover color of the button and the width of the fields,
   but an not sure where to do it.
 * The site is:
    [http://livingfromtheinsideout.org/](http://livingfromtheinsideout.org/)
 * Please let me know.
 * Thanks!
    Jennah
 * [https://wordpress.org/plugins/mailchimp/](https://wordpress.org/plugins/mailchimp/)

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

 *  [achyuth401](https://wordpress.org/support/users/achyuth401/)
 * (@achyuth401)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/css-edditing/#post-4623633)
 * Hi,
 * Open “mailchip.php” file in plugin directory and find “mailchimpSF_main_css” 
   function, That function related to CSS of the plugin front-end.
 * Thanks
 *  [mc_dominic](https://wordpress.org/support/users/mc_dominic/)
 * (@mc_dominic)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/css-edditing/#post-4623705)
 * Hi Aspenoracle,
 * Thanks for hopping in the forum. While you can edit the plugin’s code to change
   the width. It might be better to add the css directly to your theme’s style.css
   file. Then the changes will stay when the plugin is updated.
 * To edit your style.css file, go to the WordPress admin area and click on Appearance
   > Editor. Then select your theme in the upper right, scroll down the page and
   look for the style.css file.
 * You can scroll to the bottom of the text on the left and add the css at the end
   of the code to adjust the rollover color and change the input width.
 * This css will change the color to red when rolling over, you can change it to
   what ever you want.
 *     ```
       #mc_signup_submit:hover {
       background-color: red;
       }
       ```
   
 * This css will change the width to 40% instead of the 100% that it is the default.
 *     ```
       .mc_merge_var input{
       width: 40%;
       }
       ```
   
 * Let us know if you have any other questions.
 * -mc_d
 *  Thread Starter [aspenoracle](https://wordpress.org/support/users/aspenoracle/)
 * (@aspenoracle)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/css-edditing/#post-4623733)
 * Thank you! That worked.
 * I’d also like to change the width of the subscribe button…I tried plugging in
   a few things, but nothing worked. I obviously don’t really understand how css
   works:)
 * Please let me know how to change the width of the subscribe as well!
 * Thanks!
 * [http://www.livingfromtheinsideout.org/](http://www.livingfromtheinsideout.org/)
 *  [mc_gabe](https://wordpress.org/support/users/mc_gabe/)
 * (@mc_gabe)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/css-edditing/#post-4623781)
 * Hey Aspenoracle!
 * I’m glad mc_d’s suggestions helped. For getting that subscribe button to shrink
   down as well, you can add this to your CSS:
 *     ```
       #mc_signup_submit {
       width: 40% !important;
       }
       ```
   
 * That should get things working for you!
 * Let us know if we can help with anything else!
    -Gabe
 *  [brett1317](https://wordpress.org/support/users/brett1317/)
 * (@brett1317)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/css-edditing/#post-4623853)
 * Hi, This maybe a stupid question but where do I get the color codes so I can 
   change colors of text and background.
 *  [mc_gabe](https://wordpress.org/support/users/mc_gabe/)
 * (@mc_gabe)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/css-edditing/#post-4623855)
 * Hey Brett1317,
 * Using a color picker within a piece of image editing software can help, as can
   using an online tool like [http://www.colorpicker.com/](http://www.colorpicker.com/)
   or [http://www.color-hex.com/](http://www.color-hex.com/).
 * -Gabe

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

The topic ‘CSS edditing’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp/assets/icon.svg?rev=3156997)
 * [Mailchimp List Subscribe Form](https://wordpress.org/plugins/mailchimp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp/reviews/)

 * 6 replies
 * 5 participants
 * Last reply from: [mc_gabe](https://wordpress.org/support/users/mc_gabe/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/css-edditing/#post-4623855)
 * Status: not resolved