E-Mail Templates anpassen

  • Affected Version
    WoltLab Suite 3.1

    Guten Abend zusammen,

    ich habe eine Frage bzgl. den E-Mail Templates.

    Aktuell sehen diese wie auf dem Screenshot ersichtlich bei mir aus.

    Nun die Frage:

    Wie kann ich diese entsprechend anpassen (z. B. hellere Schrift nutzen oder Hintergrund anpassen)?

    Ich habe zwar im ACP den bereits richtigen Menüpunkt gefunden, allerdings weiß ich nicht, welches Template ich anpassen muss :/

    Es geht z. B. konkret um das Template, wenn ich aus dem ACP eine Mail an Gruppenmitglieder sende oder an alle Mitglieder.

    Vielen lieben Dank im Voraus.

  • Hi und guten Abend,

    danke für deine schnelle Rückmeldung.

    Dies habe ich mir gerade angesehen, doch leider weiß ich nicht, was ich hier im Quellcode editieren muss...

    Ich möchte, dass die Schriftfarbe weiß ist und der Hintergrund in der Farbe bleiben soll, wie er aktuell ist.

    Hier mal der Quellcode des o.g. Templates:

    Display Spoiler

    <html>

    <head>

    <style type="text/css">

    * {

    font-family: {@$style->getVariable('wcfFontFamilyFallback', true)};

    font-size: {$style->getVariable('wcfFontSizeDefault')};

    }

    html, body, h1, h2, h3 {

    padding: 0;

    margin: 0;

    }

    body {

    background-color: {$style->getVariable('wcfContentBackground', true)};

    color: {$style->getVariable('wcfContentText', true)};

    }

    a {

    color: {$style->getVariable('wcfContentLink', true)};

    text-decoration: none;

    }

    p, .paragraphMargin {

    margin-top: 1em;

    margin-bottom: 1em;

    }

    td {

    vertical-align: top;

    }

    {* see email_paddingHelper.tpl *}

    table.paddingHelper.block {

    width: 100%;

    }

    .content {

    padding: 40px 40px 60px;

    }

    .header, .footer {

    padding: 20px 40px;

    }

    .header {

    background-color: {$style->getVariable('wcfHeaderBackground', true)};

    color: {$style->getVariable('wcfHeaderText', true)};

    }

    .footer {

    background-color: {$style->getVariable('wcfFooterBackground', true)};

    color: {$style->getVariable('wcfFooterText', true)};

    }

    .footer a {

    color: {$style->getVariable('wcfFooterLink', true)};

    }

    h1 {

    font-weight: 300;

    line-height: 1.05;

    font-size: {$style->getVariable('wcfFontSizeTitle')};

    }

    h2 {

    font-weight: 400;

    line-height: 1.28;

    color: {$style->getVariable('wcfContentHeadlineText')};

    font-size: {$style->getVariable('wcfFontSizeSection')};

    }

    small {

    font-size: {$style->getVariable('wcfFontSizeSmall')};

    font-weight: 300;

    }

    .largeMarginTop {

    margin-top: 40px;

    }

    {* Buttons *}

    td.button {

    background-color: {$style->getVariable('wcfButtonPrimaryBackground', true)};

    border-radius: 2px;

    padding: 6px 12px;

    }

    td.button a {

    color: {$style->getVariable('wcfButtonPrimaryText', true)};

    }

    .box128 {

    border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};

    border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};

    padding: 20px;

    }

    .box128 td.boxContent {

    padding-left: 20px;

    }


    .box64 {

    border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};

    border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};

    padding: 15px;

    }

    .box64 td.boxContent {

    padding-left: 15px;

    }

    .box48 {

    border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};

    border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};

    padding: 12px;

    }

    .box48 td.boxContent {

    padding-left: 12px;

    }

    .box32 {

    border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};

    padding: 10px;

    }

    .box32 td.boxContent {

    padding-left: 10px;

    }

    .containerHeadline h3 {

    margin: 0;

    padding: 0;

    font-weight: 400;

    line-height: 1.28;

    font-size: {$style->getVariable('wcfFontSizeHeadline')};

    }

    .containerHeadline h3 a {

    font-size: {$style->getVariable('wcfFontSizeHeadline')};

    }

    </style>

    </head>

    <body>

    {capture assign='header'}

    <h1>{@PAGE_TITLE|language}</h1>

    {/capture}

    {include file='email_paddingHelper' block=true class='header' content=$header sandbox=true}

    {if $beforeContent|isset}{@$beforeContent}{/if}

    {include file='email_paddingHelper' block=true class='content' content=$content sandbox=true}

    {if $afterContent|isset}{@$afterContent}{/if}

    {capture assign='footer'}

    {hascontent}

    <span style="font-size: 0;">-- <br></span>

    {content}

    {@MAIL_SIGNATURE|language|newlineToBreak}

    {/content}

    {/hascontent}

    {/capture}

    {include file='email_paddingHelper' block=true class='footer' content=$footer sandbox=true}

    <table>{* Do not remove: This table is needed by certain less able email clients to properly support background colors. Don't ask. *}</table>

    </body>

    </html>

    Edited once, last by danueb (March 5, 2019 at 11:32 PM).

  • Verstehe ich leider nicht, was du mir geschickt hast :(

    Da sehe ich keine "Deklaration", sondern lediglich einen Quellcode, aber keinerlei Erklärung oder sonstiges...

  • Verstehe ich leider nicht, was du mir geschickt hast :(

    Da sehe ich keine "Deklaration", sondern lediglich einen Quellcode, aber keinerlei Erklärung oder sonstiges...

    Dort sind aber unzählige Deklarationen enthalten.

    Wenn du die Schriftfarbe ändern willst, ändere:

    CSS
            body {
                background-color: {$style->getVariable('wcfContentBackground', true)};
                color: {$style->getVariable('wcfContentText', true)};
            }

    zu

    CSS
            body {
                background-color: {$style->getVariable('wcfContentBackground', true)};
                color: rgba(255, 255, 255, 1); // hier die Farbwerte dementsprechend anpassen
            }

    Für Links dementsprechend:

    CSS
            a {
                color: {$style->getVariable('wcfContentLink', true)};
                text-decoration: none;
            }

    zu

    CSS
            a {
                color: rgba(255, 255, 255, 1); // hier die Farbwerte dementsprechend anpassen
                text-decoration: none;
            }
  • Hi nochmals,

    ich habe die Textfarbe, wie von dir beschrieben angepasst und mein eigenes Template auch im Design aktiviert, dennoch ist der Text weiterhin in schwarz.

  • Guten Abend,

    ich habe das Template nun angepasst bekommen - allerdings sieht das Template auf zwei Testgeräten unterschiedlich aus. Warum auch immer...

    Ich verstehe es leider nicht.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!