{"section":"tutorials","requestedLocale":"en","requestedSlug":"how-can-i-include-css-code-in-an-email","locale":"en","slug":"how-can-i-include-css-code-in-an-email","path":"docs/en/tutorials/message-center/templates/how-can-i-include-css-code-in-an-email.md","branch":"main","content":"This rule is valid for any type of email, whether marketing, a Message Center template or Master Data: in emails, use **CSS inline**.\n\nThis is because various email servers ignore a CSS code in the heading, the style or any file external to the HTML. You must therefore enter the CSS in the **body** of the HTML, so that the code is read and acted on.\n\n__Tip!__ Whenever you want to hide any feature of an element that the VTEX control shows automatically, change its color to the background color of your email. E.g.: In an abandoned shopping cart, the shelf of items is assembled in the structure `ul` > `li`.  This structure shows dots (•) in the HTML. To hide these dots, just change this property.\n\nBefore calling up the shelf, indicate that everything must be white (or the background color of your email). In the shelf template, apply the color again (black, or whatever color you use for text) in the content. In this way, the `ul` and  `li` will be white (invisible), but inside them the texts will appear in color (visible)."}