Cómo diseñar el correo electrónico transaccional con email-inline.css

Estoy usando Magento 1.9.1. Quiero personalizar mis correos electrónicos transaccionales de Magento. Para hacerlo, dupliqué email-inline.cssy email-non-inline.cssdesde el paquete base en mi paquete personalizado (en esta ruta: \ skin \ frontend \ mypackage \ default \ css).

Hice los cambios necesarios y cargué el CSS actualizado, pero los correos electrónicos llegan con el mismo diseño que antes, como si el sistema no tuviera conocimiento de mi CSS personalizado.

¿Que tengo que hacer?

Aquí hay una cosa que puedes probar.

NOTA: Esto solo funcionará para las plantillas de correo electrónico que incluyen el uso de la {{var non_inline_styles}}variable.

1. Cree un archivo llamado email-custom.cssy agregue toda la personalización <CSS>que necesita
2. Sube este archivo a skin/frontend/YOURPACKAGE/YOURTHEME/css/
3. En su Panel de administración, vaya a Sistema > Configuración > General > Diseño > Correos electrónicos transaccionales y agregue el email-custom.cssarchivo al Non-inline CSS File(s)campo como en la imagen a continuación (usando comas para separar los archivos)
4. Guardar configuración y vaciar todo el caché

Lo que hice fue agregar {{var non_inline_styles}} en el contenido de la plantilla y luego agregué todos mis estilos en los estilos de plantilla.

https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/templates/template-email.html

consulte esto para CSS no en línea y en línea para plantillas móviles.