Me gustaría hacer algunas personalizaciones básicas en mis correos electrónicos, como:
- Botones redondeados (todo redondeado, la verdad)
- Aumentar el tamaño del logotipo en el resumen del correo electrónico
¿Cómo se puede hacer esto de manera efectiva? Ya he intentado introducir CSS personalizado en el estilo de mi correo electrónico, pero eso ha causado problemas con errores del servidor y falta de entregabilidad.
Este es mi código personalizado simple:
a, span {
border-radius: 20px !important;
}
img:not([alt="replies"], [alt="likes"]) {
border-radius: 8px !important;
}
div div[style*="margin-bottom:25px"] div[style*="padding-top:5px"] {
background-color: unset !important;
padding-top: 15px !important;
}
img[alt="Company"] {
height: 75px !important;
}
Espero que Discourse no aprecie mi segmentación de atributos CSS, pero me sentí obligado a hacerlo ya que no hay clases CSS disponibles en las plantillas de correo electrónico. ¿Alguien tiene un método mejor para redondear las cosas y aumentar el tamaño de ese logotipo?
No me opongo a reescribir el HTML del correo electrónico si no es una molestia sobrescribir los archivos y no perderlos al actualizar, etc.