Using Bulletproof Buttons

The Drag & Drop Editor has its own buttons which can easily be customized. If you are using the standard editor you can still create your own bulletproof button. The bulletproof button is a button that shows up whether images are on or off, by using a single-cell table, a background color and a little CSS with the text link.

1. Create a table that is 1 row x 1 column (total of 1 cell). Set the dimensions of the cell so it holds a button-like shape, i.e. 225×60 px.
[Single cell table]

2. Select the background color for that cell to give your button its color.

3. Type your text call to action and style it however you’d like: centered in the cell, bold, larger font, etc.

4. Make the text a link. You can change the color of your text link from blue to whatever hexadecimal code you want with a little CSS (code). You can also remove (or color) the underline with text-decoration: none;
TIP: Gmail won’t allow black links (they change back to default blue), so if you want black text, use #000001 for very, very dark grey.

That’s it! Preview it in as many inboxes as you can to be sure it works everywhere. Test especially well if the default link color won’t play well against your button color, e.g. blue button & blue hyperlink text.