Comments (4)
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.
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.
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.
Thanks @knadh. I can't believe I didn't look into the templates section. Apologies for the miss-report 🙏
from listmonk.
Related Issues (20)
- Listmonk not working with own server like plesk or aapanel
- No analytics HOT 4
- Postgres V14 installation issue HOT 8
- Password length is limited to 16 characters HOT 2
- Wrong view count in the "Analytics" section HOT 1
- AWS SNS Bounce and complaints not processed HOT 7
- Check list amount before sending
- Possibility to have a dual-lingual-instance HOT 2
- Campaign editor images "expired" when returning to a draft HOT 6
- Sliding window resets upon app restart HOT 2
- Possibility to add attributes via `api/public/subscription` HOT 1
- Multiple Logo Support HOT 4
- Immediately opt-in when user clicks on link in confirmation email HOT 1
- Count Complaints and Bounces separately HOT 5
- Template is not displaying images because of an adition in code HOT 1
- Cant clone campaign where lists no longer exist
- 502 Bad Gateway for /api/health and /api/events?type=error on admin/settings HOT 3
- Individual tracking of openings and clicks
- Skip importing a subscriber that already exists in the database
- Can listmonk support Template expressions in custom headers?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from listmonk.