CODEWITHSUNDEEP
htmlemail
Tomas Smith
Tomas Smith

Reputation: 427

gmail html email background color

IS there any way to put color as background in HTML email for gmail?

I used this for making body background grey but it doesnt work

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#e2e3e7" style="font-family:Arial, Helvetica, sans-serif;">

Upvotes: 24

Views: 62930

Answers (4)

digout
digout

Reputation: 4252

Wrap your email in a single celled table with 100% width and height and set the background colour for that cell.

<table width="100%" height="100%">
    <tr>
        <td width="100%" height="100%" bgcolor="#e2e3e7">

            <!-- "Content" table goes here -->
            <table width="600" align="center" bgcolor="#ffffff">

            </table>

        </td>
    </tr>
</table>

Upvotes: 35

Mermoz
Mermoz

Reputation: 15474

Gmail (and other mailers) remove all css that is not inlined. So the hack of the tables works only because you define the color inline. You don't need a table, instead use 

<body style="background-color:#242a30;">

Upvotes: 16

tiger-ente
tiger-ente

Reputation: 11

in most cases you will have a centered email ... so do this an easy align="center" didnt work for me so i make a width="1680px"

<table>
<tr>
    <td width="1680px"  align="center" valign="middle" bgcolor="#e4ebdd">

        <table width='600' align='center' bgcolor='#ffffff'>
        <!-- .... -->

    </td>
</tr>

Upvotes: 1

codesforcoffee
codesforcoffee

Reputation: 179

I just had to do the same thing. If you put your email body into a table, you can set the table's bgcolor and that will work.

I had <body bgcolor='lightcyan'>, then I changed it to <body> <table bgcolor='lightcyan'> and put my content into that table.

Upvotes: 9

Related Questions