XF 1.5 Lost Email Message after Upgrade

kingjavo

kingjavo

Active member
I happened to lose my CSS styling for my email messages after upgrading to v1.5. I'm sure I made a backup of v1.4, but can't remember how to restyle my email template.

Anyone have any ideas to help!
 
Sort by date Sort by votes
After some research, it appears my email styling was all added to the EXTRA.css file. For some reason the emails are still using the old default template styling. Any thoughts on what could be the issue?

Code: 
.MedalCategory .categoryName {
        font-size: 18pt;
        display: none;
    }
   
.medals {
    text-align: center;
    padding-top: 10px;   
}

.medals a:link {
  text-align: center;
  display: inline-block;
  padding: 0px 4px;
}
   
.prefix.prefixCTA1 {
color: @textCtrlBackground;
background-color: white;
border-color: @primaryDark;
}
    a.prefixLink:hover .prefix.prefixCTA1 {
    color: red;
    background-color: yellow;
    border-color: blue;
    }

.prefix.prefixCTA2 {
color: @textCtrlBackground;
background-color: @primaryLightish;
border-color: @primaryMedium;
}
    a.prefixLink:hover .prefix.prefixCTA2 {
    color: black;
    background-color: white;
    border-color: red;
    }
#logo
{
    height: 220px;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive .messageUserInfo .som
    {
        display: none;
    }
}
</xen:if>
.messageUserInfo .som
{
    padding-top: 7px;
    text-align: center;
}
.quickReply .messageUserInfo .som
{
    display: none;
}
.messageHeading
{
    background: #227ec1;
    background: linear-gradient(to bottom, #227ec1 0%,#1b649a 100%);
    background: -moz-linear-gradient(top, #227ec10%, #1b649a 100%);
    background: -ms-linear-gradient(top, #227ec1 0%,#1b649a 100%);
    background: -o-linear-gradient(top, #227ec1 0%,#1b649a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#227ec1), color-stop(100%,#1b649a));
    background: -webkit-linear-gradient(top, #227ec1 0%,#1b649a 100%);
    border-radius: 3px;
    color: #FFF !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#227ec1', endColorstr='#1b649a',GradientType=0 );
    font-size: 13px !important;
    font-weight: bold !important;
    khtml-border-radius: 3px;
    margin-bottom: 5px;
    moz-border-radius: 3px;
    overflow: hidden;
    padding: 9px 10px !important;
    webkit-border-radius: 3px;
}

.sidebar .avatarListInline li
{
overflow: hidden; zoom: 1;
float:left;
margin: 5px 0 0 0;
width:25%;
}
 
Upvote 0 Downvote
Email templates are only available in debug mode so you would have to enable that in order to style them.

I believe there is a resource utilising email template modifications, which may be of use.
 
Upvote 0 Downvote
I've update the MAIL_CONTAINER template and tried to send a test email as HTML, but the email is coming in as a plain white email with black font. Any idea why this is happening?

upload_2016-1-6_13-7-52.webp

upload_2016-1-6_13-6-43.webp

Code: 
<html lang="{$emailLanguage.language_code}" dir="{$emailLanguage.text_direction}">
<head>
    <meta charset="UTF-8" />
    <base href="{$xenOptions.boardUrl}/" />
    <title style="color: #FFF;">{xen:raw $subject}</title>
</head>
<body dir="{$emailLanguage.text_direction}" text="#141414" bgcolor="rgb(31, 31, 31)" link="#176093" alink="#176093" vlink="#176093" style="padding: 10px">

    <table cellpadding="0" cellspacing="0" border="0" dir="LTR" style="background-color:#f0f7fc;border:1px solid #a5cae4;border-radius:5px;direction:LTR" dir="{$emailLanguage.text_direction}" >
    <tr>
        <td style="background-color:#227ec1;padding:5px 10px;border-bottom:1px solid #a5cae4;border-top-left-radius:4px;border-top-right-radius:4px;font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;font-size:13px;font-weight:bold;line-height:1.231">
            <a href="{xen:link canonical:index}" style="color:#ffffff;text-decoration:none" target="_blank">{$xenOptions.boardTitle}</a>
        </td>
    </tr>
    <tr>
  <td style="background-color:#252525;padding:1em;color:#ffffff;font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;font-size:13px;line-height:1.231">
                <img src="http://www.simheads.com/styles/fusiongamer/xenforo/logo.png" height="100px" alt="SimHeads: Sports Gaming Forums" class="CToWUd">    <p></p>           
            {xen:raw $bodyHtml}
        </td>
    </tr>
    <tr>
        <td style="background-color:#227ec1;padding:5px 10px;border-top:1px solid #d7edfc;border-bottom-left-radius:4px;border-bottom-right-radius:4px;text-align:right;font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;font-size:13px;font-weight:bold;line-height:1.231">
            <a href="{xen:link canonical:index}" style="color:#ffffff;text-decoration:none" target="_blank">{xen:link canonical:index}</a>
        </td>
    </tr>
    </table>   

</body>
</html>
 
Upvote 0 Downvote
You have the option to send a test message on the next page (from when the mail is composed and the criteria is entered).
 
Upvote 0 Downvote
I'm confused what the issue is. You enter the email subject/body (and other configuration you want) and click the "send test email" button. It will send it to your email address (as listed in the screenshot) so you can verify it displays how you want.
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

Ludachris
  • Question Question
XF 2.1 Customizing specific user upgrade message after purchase
Replies
5
Views
642
Ludachris
Ludachris
picom
  • Question Question
XF 2.0 Error message after upgrading to XenForo 2.0.10
2
Replies
29
Views
12K
Ozzy47
Ozzy47
jr777
  • Question Question
XF 2.0 How do I change the "check email" message after registration?
Replies
3
Views
952
jr777
jr777
Hugo Santos
Fixed You must enter an email message
Replies
2
Views
730
Hugo Santos
Hugo Santos
007
  • Question Question
XF 1.2 Error Message after upgrade to 1.2.1
Replies
2
Views
854
007
007
Back
Top Bottom