简体   繁体   中英

change the background of this email template

I wanted to change the blue and grey background of this email template to an Image but can't seem to change it completely. Please help

This is the link to Html Code

I tried to edit the body tag but it doesn't change anything

<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> 

Change the background-color from this css id/class :

#preheaderBackground , #templatePreheader , #headerBackground , #templateHeader

You can try this:

Demo

#templatePreheader, #templateHeader, 
.preheaderContainer{background:Red !important}
#templateBody{background:#000 !important}
.mcnTextContentContainer{background:#f90 !important}

Wow that's a mess of html tables-within-tables.

The colors are set for various id's used by the tables. I found: templatePreheader, preheaderBackground & templateHeader for the blue, and templateBody for the grey. But that's gonna be bad to maintain - I assume you've inherited it from someone else.

To change the blue color, search this class

#preheaderBackground{
            /*@change this*/background-color:#2d539c;
            /*@editable*/border-top:0;
            /*@editable*/border-bottom:0;
        }
just change the background-color to whatever you want.

and to change gray color, search this class

#templateBody{
            /*@change this*/background-color:#F5F5F5;
            /*@editable*/border-top:0;
            /*@editable*/border-bottom:0;
        }

just change the background-color to whatever you want.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM