This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Subscribe to Newsletter text box doesn’t match theme

Resolved 8 replies premiumthemetheme-vantage
Zaaya945
11 years ago · Last reply by Andrew Misplon 11 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Andrew Misplon Staff 11 years, 2 months ago

    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

  2. Zaaya945 11 years, 2 months ago

    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!

  3. Andrew Misplon Staff 11 years, 2 months ago

    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.

  4. Zaaya945 11 years, 2 months ago

    Thank you! This works so well.

  5. Zaaya945 11 years, 2 months ago

    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?

  6. Andrew Misplon Staff 11 years, 2 months ago

    Either:

    #colophon .widget_ns_mailchimp h3.widget-title ~ * { text-align: right; }

    or

    #colophon .widget_ns_mailchimp { text-align: right; }
  7. Zaaya945 11 years, 2 months ago

    OK, this solves it. thank u!

  8. Andrew Misplon Staff 11 years, 2 months ago

    Super, glad that helped.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread