I want to change the grey around my white box to white. What do I need to change?
I already tried ->email-inline.scss
#background-table {
background-color: white;
}
Magento Stack Exchange is a question and answer site for users of the Magento e-Commerce platform. It only takes a minute to sign up.
Sign up to join this communityI want to change the grey around my white box to white. What do I need to change?
I already tried ->email-inline.scss
#background-table {
background-color: white;
}
I have only recently discovered the new style emails and so far here's what I found
1) the emails arrive in my inbox with the following code at the top ("defanged" comes from my mail service)
<table style="border-collapse:collapse;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;background-color:rgb(235, 235, 235);font-size:14px;" id="defanged16-background-table" border="0" cellpadding="0" cellspacing="0" width="100%">
2) in the template header I only have
{{var non_inline_styles}}
and/or
{{inlinecss file="email-inline.css"}}
(pattern from the original templates cloned to make my own)
3) the styles in the email are built by emogrifier using the email css styles in the style build
for example my compiled email-inline.css contains
/* line 47, ../../scss/email-inline.scss */
body {
margin: 0;
padding: 0;
text-align: left;
color: #333333;
background-color: #ebebeb;
}
and
/* line 68, ../../scss/email-inline.scss */
body {
background: #ebebeb;
font-size: 12px;
margin: 0;
padding: 0;
}
as well as the background-table entry you found
Changing all three should work
if you are compiling from sass - changing the $c-email-background
variable should do it
body {
margin: 0;
padding: 0;
text-align: left;
color: $c-gray;
background-color: $c-email-background;
}
body {
background: $c-email-background;
font-size: 12px;
margin: 0;
padding: 0;
}
html,
#background-table {
background-color: $c-email-background;
}
4) the docs I found are unclear whether the system will automatically use your email-inline.css and email-non-inline.css or whether you need to specifically ask for it
for inline it claims you need
{{inlinecss file="email-inline.css"}}
for non inline it claims it automatically takes it from 4 sources