[Plugin: MailChimp List Subscribe Form] Submit button image has border

Hey there!

Your suspicions were correct! It is a CSS thing. You’ll want to add this to your site’s Style.css file:

#mc_embed_signup input {
border: 0px;}

That will remove all of the borders (including on the email input). But, you can add that back with this:

#mc_embed_signup input.email {
border: 1px solid #000000;}

That should get you squared away!

Cheers

Hmm… Well, it might not be the cleanest CSS, but you could set both of those to “important” and that should do it.

So, you’d need this:

#mc_embed_signup input {
border: 0px !important;}

#mc_embed_signup input.email {
border: 1px solid #000000 !important;}

The only potential issue with this method is that if more fields are added to the form in the future, you’ll have to re-tool the CSS appropriately. However, if you’re only concerned with capturing email addresses for the foreseeable future, you should be good.

Let us know if that still doesn’t work. We’ll have another go of it!

Cheers

Not a problem! There’s just a bit of CSS that appears to be overriding the changes on your home page (if I had to guess). Marking them as “important” should be good, though. 🙂

Hey again Mark!

I’m still seeing the border around both:

Screenshot — http://cl.ly/243C161w3Q1Q1n3d0U2X

Alright… so lets try one last thing… In the actual code for the embedded form, you currently have this:

<div><input type="image" src="/images/signup.jpg" alt="Download Button"></div>

Let’s change that to this:

<div><input type="image" src="/images/signup.jpg" alt="Download Button" style="border: 0;"></div>

Fingers crossed!