Hi there, I created an email tracking account through MailChimp and got the code from their website to embed into my site so I can manage email subscriptions and track those who want to receive newsletters. However, the entire text box where you put in the email address is white and looks terrible in the footer section. How do I make it match the default footer color that I have in my Vantage theme? I have the code that I embedded into a Text Widget, so I can send that along if that would help.
URL: http://www.zaaya.com
Hi
Please head back to MailChimp and grab that form again. I forget what it’s called but they will offer a stripped down version of the form without styling. Please rather insert that form into a Text widget and I’ll help style it from there.
Thanks
OK, I did it a bit differently, I downloaded the MailChimp widget and did it that way. It looks good and is transparent. The “Naked” version of their Email Form is what I originally had and it’s the one inside a white box.
2 more things though – how do I make the words “email address” appear greyed out inside the actual textbox where you write the email to subscribe. In other words, when the person starts typing their email, those words “email address” disappear. How do I do that?
Finally, how do I get my email block RIGHT justified in my footer?
Thank you!
It’s a little harder to right align the form than you might think:
This under Appearance > Custom CSS will right align everything other than the title:
.widget_ns_mailchimp h3.widget-title ~ * { text-align: right; }This will right align the entire widget:
.widget_ns_mailchimp { text-align: right; }To put the Email Address label inside the form, that’s something that the MailChimp form or widget would need to provide.
Thank you! This works so well.
This actually adjusts both widgets to the right – on the side bar and on the bottom of the page. Is there a way to just right adjust the widget in the FOOTER and not the side bar?
Either:
#colophon .widget_ns_mailchimp h3.widget-title ~ * { text-align: right; }or
#colophon .widget_ns_mailchimp { text-align: right; }OK, this solves it. thank u!
Super, glad that helped.