Style this MailChimp Form to Match Your Ascend Theme

[Minhajul]

Minhajul

November 7, 2019 at 10:17 pm

Hi Ben,

Hope you’re doing great! Thanks for this great Ascend Theme! I recently joined your membership plan.

Today I need a little help to customize my MailChimp Subscription form which I placed in the footer. I should mention I’m not using any plugin for this. This is an embedded form placed inside an HTML Widget. Here is the MailChimp code that I put in the HTML Widget. You may also find some unnecessary classes that I previously added when using Virtue Premium.

<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form id="mc-embedded-subscribe-form" class="validate" action="//minhajulhaque.us8.list-manage.com/subscribe/post?u=0dd4747ac666b424a1c48ce16&id=18b60de384" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div id="mc_embed_signup_scroll">

Don't miss your discounts and our occasional announcements.

<!--
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
-->
<div class="row">
<div class="mc-field-group col-xs-6">

<!--<label for="mce-FNAME">First Name <span class="asterisk">*</span></label>--><input id="mce-FNAME" class="required" name="FNAME" type="text" value="" placeholder="First Name" />

</div>
<div class="mc-field-group col-xs-6">

<!--<label for="mce-LNAME">Last Name <span class="asterisk">*</span></label>--><input id="mce-LNAME" class="required" name="LNAME" type="text" value="" placeholder="Last Name" />

</div>
</div>
<div class="mc-field-group">

<!--<label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label>--><input id="mce-EMAIL" class="required email" name="EMAIL" type="email" value="" placeholder="Email Address" />

</div>
<div id="mce-responses" class="clear"></div>
<!-- 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 tabindex="-1" name="b_0dd4747ac666b424a1c48ce16_18b60de384" type="text" value="" /></div>
<div class="clear"><input id="mc-embedded-subscribe" class="button kad-btn kad-btn-primary" name="subscribe" type="submit" value="Subscribe Newsletter" /></div>
</div>
</form></div>
<!--End mc_embed_signup-->

Please style this to match your Ascend theme and make the submit button “full-width”.

—
Minhajul