[Plugin: MailChimp Widget] Styling Mailchimp widget

vissersj
(@vissersj)

14 years, 3 months ago

I’m using the mailchimp widget on 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://ww.wp.xz.cn/extend/plugins/mailchimp-widget/

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

cliepelt
(@cliepelt)

14 years, 3 months ago
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
(@greencode)

14 years, 3 months ago

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.