[jsalskebizParticipant]

I am in the process of adding a MailChimp subscribe form to one of my pages, and would like the button to adhere to the rules I have set for all other buttons on my site (such as being blue in color).

this is the code I have been told to embed in my page:

<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//yourlearningpotential.us11.list-manage.com/subscribe/post?u=ebc9741c1f3e3dc704119c644&id=8308d1028e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
	<label for="mce-EMAIL">Subscribe to Our Newsletter</label>
	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_ebc9741c1f3e3dc704119c644_8308d1028e" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

I can add the code to the page no problem (and it works), but how do I make the button like the rest of the ones on my site?

Thanks!

[jsalskebizParticipant]

Nevermind, I figured out what I was doing wrong. Sorry for spamming!

[RupokMember]

You are welcome!

Glad that you figured it out. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts