mailchimp submit button won't show

NabilaC · October 2015

Hello-

I entered my mailchimp form in the sidebar of my site, you can see it here: http://umbilika.com/about-umbilika/

PW for wordpress is Nabila

A submit button should be present as you see here on my other site. I added the same code to my personal website and you'll see a submit button:

That website is on the same server btw.

I tried removing all CSS- didn't work

Disabled plugins- still didn't work.

Please advise.

Albert · October 2015

Hi,

we have no idea why you wrapped the button into clear div (this is completely unclear for us and shouldn't be like that) but below css will do the trick:

#mc_embed_signup .clear {
    visibility: visible;
}

NabilaC · October 2015

I don't want to use the CSS patch, I want to fix the problem.

Can you please explain what you mean by "wrapped the button into a clear div"?

I did not intentionally code anything like this. I copied the code from mailchimp and pasted it in the sidebar which seems to work on other themes, what is this happening on BeTheme and how can I fix it? When I paste the same exact code on my other site it works.

thanks

NabilaC · October 2015

Here is the code- please point out said "clear div":


<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; width:444px;}
    /* 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="//umbilika.us12.list-manage.com/subscribe/post?u=516ddb23c5ea6541c6b30049c&id=daee52f66b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">

    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    
    <div style="position: absolute; left: -5000px;"><input type="text" name="b_516ddb23c5ea6541c6b30049c_daee52f66b" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

NabilaC · October 2015

to further provide example of this issue I pasted another signup form in the sidebar and the subscribe button also does not show up there.

http://umbilika.com/about-umbilika/

Now that's 2 forms that work on other sites, and not here. And when I delete CSS the issue remains. So how/who exactly is coding this with a "clear div" as you say?? Seems to be a theme issue.

Please advise.

Albert · October 2015

This is your proof - http://snag.gy/Fue8W.jpg - like you see, button is wrapped into div that got clear class. Such class does not come with our theme and we are sure about that. Just switch to default WP theme and you will see that this is is not related with theme. You can look at http://snag.gy/0SNnp.jpg (this screenshot comes from one of our demos where we used MailChimp form) and see that all is good and the code does not look like on your site.

So if you are unable to find what you exactly did wrong, we recommend to use the css we gave you above.

NabilaC · October 2015

Why is it so hard for you guys to see that there IS something wrong with the theme.

As I said before I DID try it on a default wordpress theme. Here it is on Theme 2015, and it works!
And the div class is the same:

Now, because you are so bad at admitting to fault, I will show you a completely different mailchimp webform on a completely different website with a theme that also handles it just fine. Here is a mailchimp webform on https://rayrolando.com. The div class is the same for them:

And JUST in case you still arent convinced, another web form on ANOTHER website with same div class that works on another theme:

Once again, please advise how the theme will rectify its inability to host this mailchimp form (the most popular newsletter provider in the industry). Also feel free to embed the above form code on your website and see if it shows you the submit button. If it does, I;d LOVE to see a screenshot of that.

And stop accusing me of what I did wrong. I have been embedding form codes for 10 years, I know this is a theme issue.

Please let me know what it is YOU have done wrong.

Kim

Albert · October 2015

We tested your code once again and like we said before, the css we gave you before:

#mc_embed_signup .clear {
    visibility: visible;
}

is what we will add to the theme with future updates. If this is what you call "fix", then we'll fix it soon.

mailchimp submit button won't show

Comments