Title: [Plugin: MailChimp Widget] Styling Mailchimp widget
Last modified: August 20, 2016

---

# [Plugin: MailChimp Widget] Styling Mailchimp widget

 *  [vissersj](https://wordpress.org/support/users/vissersj/)
 * (@vissersj)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-mailchimp-widget-styling-mailchimp-widget/)
 * I’m using the mailchimp widget on [http://www.koopsamsung.nl](http://www.koopsamsung.nl)
   and I would like to align the input fields straight below each other, because
   as you can see it’s not neat at the moment.
 * I was trying to put some css in my theme stylesheet, but I can’t figure it out.
   This is as far as I came:
 * > /* Mailchimp Widget
   >  ———————————————————— */
   > #ns_widget_mailchimp_form-2 input {
   >  float:right;
   > }
 * but unfortunately it’s not working and probably not the right way to go. Who 
   can provide me the proper CSS code for this issue?
 * Thanks in advance!
 * Kind regards,
 * Sjors
 * [http://wordpress.org/extend/plugins/mailchimp-widget/](http://wordpress.org/extend/plugins/mailchimp-widget/)

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

 *  [cliepelt](https://wordpress.org/support/users/cliepelt/)
 * (@cliepelt)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-mailchimp-widget-styling-mailchimp-widget/#post-2588753)
 * James, I have a suggestion that would make this possible. I’m having a similar
   problem getting the labels to go above the input fields. I am enabling the first
   name and last name fields, but I noticed your markup is different for these than
   from the email address. The first and last name have the input wrapped in the
   label, like so:
 *     ```
       <label>
       First Name :
       <input type="text" name="ns_widget_mailchimp_first_name">
       </label>
       ```
   
 * While the email address is just written one tag after the other:
 *     ```
       <label for="ns_widget_mailchimp-email-2">Email Address</label>
       <input id="ns_widget_mailchimp-email-2" type="text" name="ns_widget_mailchimp_email">
       ```
   
 * If you would rewrite the email address so the markup reflects the first layout,
   the CSS selectors are much easier to write.
 * Thanks,
    – C
 *  [greencode](https://wordpress.org/support/users/greencode/)
 * (@greencode)
 * [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-mailchimp-widget-styling-mailchimp-widget/#post-2588782)
 * Have to agree with the previous post. If you change the following code:
 * `<label><?php echo __('First Name :', 'mailchimp-widget'); ?><input type="text"
   name="<?php echo $this->id_base . '_first_name'; ?>" /></label>`
 * and
 * `<label><?php echo __('Last Name :', 'mailchimp-widget'); ?><input type="text"
   name="<?php echo $this->id_base . '_last_name'; ?>" /></label>`
 * to
 * `<label><?php echo __('First Name :', 'mailchimp-widget'); ?></label><input type
   ="text" name="<?php echo $this->id_base . '_first_name'; ?>" />`
 * and
 * `<label><?php echo __('Last Name :', 'mailchimp-widget'); ?></label><input type
   ="text" name="<?php echo $this->id_base . '_last_name'; ?>" />`
 * in ns_widget_mailchimp.class.php it make it all much easier to custom style
 * Great plugin though.

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

The topic ‘[Plugin: MailChimp Widget] Styling Mailchimp widget’ is closed to new
replies.

 * ![](https://s.w.org/plugins/geopattern-icon/mailchimp-widget.svg)
 * [MailChimp Widget](https://wordpress.org/plugins/mailchimp-widget/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp-widget/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp-widget/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp-widget/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp-widget/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp-widget/reviews/)

 * 2 replies
 * 3 participants
 * Last reply from: [greencode](https://wordpress.org/support/users/greencode/)
 * Last activity: [14 years, 3 months ago](https://wordpress.org/support/topic/plugin-mailchimp-widget-styling-mailchimp-widget/#post-2588782)
 * Status: not resolved