Subscribe Button Not Working

I had contacted MailChimp directly and asked them about this issue where my Subscribe button is not working and they responded promptly with a suggestion, but I don’t see where I would make their recommended change. I am a rookie website building and have done a DIY website on WordPress for a business.

Their response and my CSS code follows. Any help you could give is greatly appreciated as it is up to me to fix this and if I can’t, I will use something else.

MailChimp’s response:
Generally, when we see this sort of issue, it is due to a CSS conflict between the site and the embedded form. The good news is that this can be resolved with just a simple tweak to the embedded form code. All you’ll need to do is find the >div< tag surrounding the subscribe button, and change the class=”clear” attribute to something else, such as class=”show.” Here’s a screenshot of the ‘before’ with class set to clear.

and here’s how the page renders with the class set to show.

Note that you can use just about any term to replace clear with, such as “notclear,” “freddie,” or “I_like_CSS.” As long as it’s not an established class in your site’s CSS, you should be good to go.

My CSS (I’ve bolded the section that I think is relevant):

<div class=”indicates-required”><span class=”asterisk”>*</span> indicates required</div>
<form action=”http://cindyshrigley.us8.list-manage.com/subscribe/post&#8221; method=”POST”><input name=”u” type=”hidden” value=”8ff5ce1d71123c374e29cadae” />
<input name=”id” type=”hidden” value=”ef36a6e9b8″ /></form></div>
</div>
<div id=”mergeTable” class=”mergeTable”>
<div id=”mergeRow-0″ class=”mergeRow dojoDndItem mergeRow-email”><label for=”MERGE0″>Email Address <span class=”req float-right fwl dim6 asterisk”>*</span></label>
<div class=”field-group”><input id=”MERGE0″ name=”MERGE0″ size=”25″ type=”email” value=”” /></div>
</div>
<div id=”mergeRow-1″ class=”mergeRow dojoDndItem mergeRow-text”><label for=”MERGE1″>First Name</label>
<div class=”field-group”><input id=”MERGE1″ name=”MERGE1″ size=”25″ type=”text” value=”” /></div>
</div>
<div id=”mergeRow-2″ class=”mergeRow dojoDndItem mergeRow-text”><label for=”MERGE2″>Last Name</label>
<div class=”field-group”><input id=”MERGE2″ name=”MERGE2″ size=”25″ type=”text” value=”” /></div>
</div>
</div>
<!– real people should not fill this in and expect good things –>
<div class=”submit_container”><input class=”button” name=”submit” type=”submit” value=”Subscribe to list” /></div>
<div class=”poweredWrapper”><span class=”poweredBy”><img title=”MailChimp Email Marketing” src=”http://cdn-images.mailchimp.com/monkey_rewards/MC_MonkeyReward_15.png&#8221; alt=”Email Marketing Powered by MailChimp” width=”139″ height=”54″ border=”0″ /></span></div>
<script>// <![CDATA[
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.&#8221; : “http://www.&#8221;);
document.write(unescape(“%3Cscript src='” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));

// ]]></script>
<script>// <![CDATA[
try {
var _gaq = _gaq || [];
_gaq.push([“_setAccount”, “UA-329148-88”]);
_gaq.push([“_setDomainName”, “.list-manage.com”]);
_gaq.push([“_trackPageview”]);
_gaq.push([“_setAllowLinker”, true]);
} catch(err) {console.log(err);}
// ]]></script>

https://ww.wp.xz.cn/plugins/mailchimp/