XF 2.2 Email Template - How to change Color in Header?

[Andre Daub]

Hi,

can you tell me how to change the Text Color for this section to white?



Under Styles - email there is no option for this section?

Regards,

André

 

[Paul B]

Is that the summary email?

It could be this class - summaryBlock-header.

You can try adding something to the extra.less template to change the text colour.
Ensure you use the correct style - the one configured for activity summary emails.

 

[Andre Daub]

.summaryBlock-header
{
    font-size: @xf-fontSizeLarger;
    color: @xf-majorHeadingTextColor;
    background: @xf-majorHeadingBg;
    border-bottom: @xf-borderSize solid @xf-borderColorLight;
    border-top-left-radius: @xf-borderRadiusSmall;
    border-top-right-radius: @xf-borderRadiusSmall;
    padding: @xf-blockPaddingV @xf-blockPaddingH;

    a
    {
        color: #ffffff;
    }
}

That was ist. Thank you.

 

[Andre Daub]

And another question, my button looks god, but not in the (confirm register) mail.

It seems that there is another button:


In chrome i saw that this is the css:

.msg-body a:link, .msg-body a:visited, .rte a:link, .rte a:visited {
    color: #cfcfcf;
}

.msg-body a:hover, .rte a:hover {
    color: #cbcbcb;
}

But adding this to the core.less template and changing the color of the links, does not change anything.

 

[Paul B]

That's just the standard button class.



Presumably the buttons on the site also appear like that.

You can edit that template and change the text colour inline to e.g. white.

class="button" style="color: white">{{ phrase('confirm_your_email')