WordPress.org

Ready to get started?Download WordPress

Forums

MailChimp Widget
Styling Mailchimp widget (3 posts)

  1. vissersj
    Member
    Posted 2 years 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://wordpress.org/extend/plugins/mailchimp-widget/

  2. cliepelt
    Member
    Posted 2 years 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

  3. greencode
    Member
    Posted 2 years 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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic