Search code examples
htmlcssoutlookmailchimpnewsletter

Mailchimp Opt-In Confirmation CSS


I have a problem with the Mailchimp Opt-in confirmation email in Outlook. I just want to center the Subscribe button at the end of the Newsletter and it should have a red background with white text.

It´s not possible to add a style on the a-Tag.

See the Code below:

<a class="button" href="foo"><span>SUBSCRIBE</span></a>

Update: Its also not possible to change the html in Mailchimp ...

I tried to add the styles with inline css, but that didn´t worked out.

Has someone a hint for me?


Solution

  • Add the following rules to your button. It will make sure to make the button inline-block level element and the margin-left and right auto will bring the button to center.

    display: inline-block; 
    margin-left: auto; 
    margin-right: auto;