Docs

[Pieter M]

Hi,

This is a question regarding the sidebar of http://www.scriptura-copywriting.be/blog/.

I would like to slightly alter the Mailchimp widget (title: Join the family!). Instead of ‘E-mail adres’ I would like it to show ‘E-mailadres’ and I also want to center align the button ‘Inschrijven’.

Can that be done? Thanks!

[Pieter M]

Oh, and please also reduce the field height to make it less big.

Thanks!

[Jade]

Hi Pieter,

You can add this under Custom > CSS in the Customizer.

.x-sidebar #ns_widget_mailchimp_form-11 {
    text-align: center;
}

.x-sidebar #ns_widget_mailchimp-11 label {
    text-align: left;
}

.x-sidebar #ns_widget_mailchimp-11 #ns_widget_mailchimp-email-11 {
    float: left;
}

Then add this in the custom JS:

(function($){

    $("
.x-sidebar #ns_widget_mailchimp-11 label").text("E-mailadres");

})(jQuery);

Hope this helps.

[Pieter M]

This reply has been marked as private.

[Rue Nel]

Hello There,

Please update the JS code and use this instead:

(function($){
    $(".x-sidebar #ns_widget_mailchimp-11 label").text("E-mailadres");
})(jQuery);

And use this css code:

.x-sidebar #ns_widget_mailchimp_form-11 {
    text-align: center;
}

.x-sidebar #ns_widget_mailchimp-11 label {
    text-align: left;
}

.x-sidebar #ns_widget_mailchimp-11 #ns_widget_mailchimp-email-11 {
    float: left;
    width: 100%;
    padding: 8px 4px;
    height: auto;
}

We would loved to know if this has work for you. Thank you.

[Pieter M]

Like a charm!

Thanks.

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts