XF 2.0 Where in the admin can you customize HTML email templates that are sent to users?

[originalk]

I want to customize the look of HTML emails that are sent to users. Where do I find that in the admin?

 

[Mike]

Go into the templates section and click the "email" tab at the top.

 

[mikez006]

Im trying to change the background color and font color for emails.

First I went to Style Properties and clicked "Emails" at the bottom. There were only 2 options. Neither changed to colors I was trying to change.

I then went to Templates > Emails > Core.less

There I found color settings.

background-color: @xf-emailBg;
    font-size: @xf-fontSizeNormal;
    font-family: @xf-emailFont;
    line-height: @xf-lineHeightDefault;
    color: @xf-textColor;

I did a template search for xf-emailBg, but it only found the same file.

Where can I edit these settings? I'm new to XF2 and I can't find it.

 

[AddonFlare]

Im trying to change the background color and font color for emails.

First I went to Style Properties and clicked "Emails" at the bottom. There were only 2 options. Neither changed to colors I was trying to change.

I then went to Templates > Emails > Core.less

There I found color settings.

background-color: @xf-emailBg;
    font-size: @xf-fontSizeNormal;
    font-family: @xf-emailFont;
    line-height: @xf-lineHeightDefault;
    color: @xf-textColor;

I did a template search for xf-emailBg, but it only found the same file.

Where can I edit these settings? I'm new to XF2 and I can't find it.

Should be in Appearance -> Style properties -> Emails

 

[mikez006]

I when there, but there's only 2 color options.

Email header text color
Email background color

However emails have 2 separate background colors and there's no options to change the text color.

 

[AddonFlare]

I when there, but there's only 2 color options.

Email header text color
Email background color

However emails have 2 separate background colors and there's no options to change the text color.

You can change the outer background color with the emailBg property. There currently isn't a specific email property for the font color/other bg color, so you'll have to edit core.less for now.

Font color:

body
{
    color: #000;
}

The inner background color:

.content
{
    background-color: #000;
}

You can add those at the end of the template so it's easier to keep track of the custom changes

 

[mikez006]

In the core.less file it has this

background-color: @xf-emailBg;
    font-size: @xf-fontSizeNormal;
    font-family: @xf-emailFont;
    line-height: @xf-lineHeightDefault;
    color: @xf-textColor;

It looks like there's already a setting for the font, color and background color. @xf-emailBg and @xf-fontSizeNormal, Where are those edited?

 

[AddonFlare]

Those are style properties, you can modify those if you want the the changes to be global. If you just want to change the email styling, you can modify the email style properties or email's core.less