{"section":"tutorials","requestedLocale":"pt","requestedSlug":"como-inserir-css-num-e-mail","locale":"pt","slug":"como-inserir-css-num-e-mail","path":"docs/pt/tutorials/central-de-mensagens/templates/como-inserir-css-num-e-mail.md","branch":"main","content":"A seguinte regra vale para qualquer tipo de e-mail, seja e-mail marketing, template do Message Center ou Master Data: use sempre **CSS inline**.\n\nIsto porque diversos servidores de e-mail ignoram código CSS no head, assim como arquivos de estilo externos ao HTML. Portanto, para que seu código seja lido e renderizado, é preciso inserir o CSS no **body** do HTML.\n\n__Dica!__ Sempre que quiser esconder alguma característica de um elemento que o controle da VTEX traz automaticamente, altere a cor desse elemento para a cor de fundo de seu e-mail. Ex.: No carrinho abandonado, a prateleira de itens é montada em uma estrutura `ul` > `li`. Essa estrutura exibe pontos (•) no HTML. Para esconder esses pontos, basta alterar essa propriedade.\n\nAntes de chamar a prateleira, torne tudo branco (ou a cor de fundo de seu e-mail). No template de prateleira, volte a aplicar a cor (preto ou qualquer outra cor de seu texto) no conteúdo. Dessa forma, a `ul` e as `li` serão brancas (invisíveis), mas dentro delas, os textos serão aplicados com cor (visíveis)."}