Como estilizar email transacional com email-inline.css

Estou usando o Magento 1.9.1. Quero personalizar meus emails transacionais do Magento. Para fazer isso, dupliquei email-inline.csse email-non-inline.cssdo pacote base para o meu pacote personalizado (neste caminho: \ skin \ frontend \ mypackage \ default \ css).

Fiz as alterações necessárias e carreguei o css atualizado, mas os e-mails chegam com o mesmo design de antes, como se o sistema não tivesse conhecimento do meu css personalizado.

O que eu tenho que fazer?

Aqui está uma coisa que você pode tentar.

NOTA: Isso funcionará apenas para modelos de email que incluem o uso da {{var non_inline_styles}}variável.

1. Crie um arquivo chamado email-custom.csse adicione todo o costume <CSS>necessário
2. Carregar este arquivo para skin/frontend/YOURPACKAGE/YOURTHEME/css/
3. No painel do administrador, vá para Sistema > Configuração > Geral > Design > Emails transacionais e adicione o email-custom.cssarquivo ao Non-inline CSS File(s)campo, como na imagem abaixo (usando vírgulas para separar arquivos)
4. Salvar configuração e liberar todo o cache

O que fiz foi adicionar {{var non_inline_styles}} ao conteúdo do modelo e, em seguida, adicionei todos os meus estilos aos estilos de modelo.

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

consulte isso para CSS não embutido e embutido para modelos móveis.