Code Monkey home page Code Monkey logo

Comments (4)

knadh avatar knadh commented on June 2, 2024

I am not sure. It could be G-mail stripping styles. Are styles inline? If you set the mode to Raw HTML in listmonk, it does not make any changes to HTML or CSS.

from listmonk.

nachobazz avatar nachobazz commented on June 2, 2024

It doesn't modify but, it does seem to add a chunk of HTML before the raw HTML which looks like this:

`<!doctype html>

<title>IMPORTANTE: Playbook de incidentes de seguridad</title> <style> body { background-color: #F0F1F3; font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, sans-serif; font-size: 15px; line-height: 26px; margin: 0; color: #444; }
        pre {
            background: #f4f4f4f4;
            padding: 2px;
        }

        table {
            width: 100%;
            border: 1px solid #ddd;
        }
        table td {
            border-color: #ddd;
            padding: 5px;
        }

        .wrap {
            background-color: #fff;
            padding: 30px;
            max-width: 525px;
            margin: 0 auto;
            border-radius: 5px;
        }

        .button {
            background: #0055d4;
            border-radius: 3px;
            text-decoration: none !important;
            color: #fff !important;
            font-weight: bold;
            padding: 10px 30px;
            display: inline-block;
        }
        .button:hover {
            background: #111;
        }

        .footer {
            text-align: center;
            font-size: 12px;
            color: #888;
        }
            .footer a {
                color: #888;
                margin-right: 5px;
            }

        .gutter {
            padding: 30px;
        }

        img {
            max-width: 100%;
            height: auto;
        }

        a {
            color: #0055d4;
        }
            a:hover {
                color: #111;
            }
        @media screen and (max-width: 600px) {
            .wrap {
                max-width: auto;
            }
            .gutter {
                padding: 10px;
            }
        }
    </style>
</head>
 
`

The style affecting the template is this:

table { width: 100%; border: 1px solid #ddd; }

But a few others are undesirable as they set arbitrary width for the template and reduce flexibility.

This seems to be embedded to all emails and it does affect the styles of a raw HTML to be sent. Could I suggest a feature to disable this optionally for raw HTML emails? Most templates include their boilerplate and this affects compatibilty.

Please advise if this is a good suggestion to incorporate in the future.

from listmonk.

knadh avatar knadh commented on June 2, 2024

This is your default template being applied to the campaign e-mail. Please go to Campaigns -> Template and edit the default campaign template to suite your needs. If your campaign is fully self-contained and doesn't need stored templates, remove all HTML from the default template and simply leave {{ content . }} there.

from listmonk.

nachobazz avatar nachobazz commented on June 2, 2024

Thanks @knadh. I can't believe I didn't look into the templates section. Apologies for the miss-report 🙏

from listmonk.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.