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.

Mail Chimp Submit Button

Resolved 7 replies premiumthemetheme-vantage
Danni
11 years ago · Last reply by Danni 11 years ago

Hi Andrew,

I am having trouble adjusting the appearance of a button on a Mail Chimp sign up form I created.

It looks ok on other window but appears different once run under my vantage theme.

I did find out the elements by using Inspector, but when I adjust it on custom CSS or widget attributes on Visual Editor, none of it works. Hence the shout out to you.

Look forward to your help.

Best,
Danni

P.S. The asterisk in the form seems off placed too. Any idea to change it where it should be?

URL: http://smartrealfunconsultant.com/sign-up/

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

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Greg Priday Staff 11 years, 22 days ago

    Hi Danni

    It looks like the CSS from Mailchimp and Vantage are conflicting, which is creating the weird style you’re seeing.

    One option would be to change the HTML of the signup form and remove the ID and Class attributes from the form submit button. This would change it so that only Vantage’s button style is used. This might give a different look and feel to what you’re after, but it’s definitely worth a try.

  2. Danni 11 years, 22 days ago

    Thanks a lot Greg. Done the button appearance bit. Thanks for pointing me out to the right direction.

    I am still learning the syntax of the languages. I have identified the elements needed to 1) lower the asterisk to the right position, which is top:38px; and 2) position the “Submit” button to align with the rest of the fields.

    Would you mind telling me how YOU would make the change in the lines as I have copied here below?

    Thanks a bunch!

    Danni

    Email Address *

  3. Danni 11 years, 22 days ago

    /* What about now?*/

    Email Address *

  4. Danni 11 years, 22 days ago

    Sorry, couldn’t seem to load the html bit on here… a lot to learn I know:)

  5. Andrew Misplon Staff 11 years, 21 days ago

    Try the following under Appearance > Custom CSS:

    /* MailChimp */
#mc_embed_signup .mc-field-group .asterisk {
top: 10px !important;
right: 0 !important;
}
#mc-embedded-subscribe {
margin: 1em 0 1em 0 !important;
}

    Should do the trick.

  6. Danni 11 years, 21 days ago

    YES it worked! Thank you so so much Andrew! You have a great day! You guys ROCK!

  7. Danni 11 years, 21 days ago

    “Post code snippets between

    ...

    tags.”

    — Nice one!;)

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