Home Forums Ascend Theme Style this MailChimp Form to Match Your Ascend Theme

This topic is: resolved
Resolved
Posted in: Ascend Theme  
  • November 7, 2019 at 10:17 pm #240154

    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

    Sorry, this forum is for Premium customers only. Please Login to continue

    If you are using a free theme you can access support on wordpress.org by searching for the free theme and using the support tab.