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?
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.
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 *
/* What about now?*/
Email Address *
Sorry, couldn’t seem to load the html bit on here… a lot to learn I know:)
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.
YES it worked! Thank you so so much Andrew! You have a great day! You guys ROCK!
“Post code snippets between
tags.”
— Nice one!;)