In Template Content i have put

<p class="test">Hi</p>

Template Styles i have put

.test { font-size: 40px;}

Then i have clicked on Preview Template, but it's not applying.

I like to apply CSS for this template only.

enter image description here

  • How you add your style? – Khoa TruongDinh Jan 5 '17 at 10:14
  • Didn't get you as mentioned in question – Ankit Shah Jan 5 '17 at 10:20
  • I added screenshot for same @KhoaTruongDinh – Ankit Shah Jan 5 '17 at 10:23

First of all, we need to read here: http://devdocs.magento.com/guides/v2.1/frontend-dev-guide/templates/template-email.html#non-inline-styles.

For the Non Inline Styles, they must be in a <style type="text/css"></style> tag for them to work. In your case, we only need to include the header {{template config_path="design/email/header_template"}} in your custom email. Or, we can add the code lines below directly in the custom email:

<style type="text/css">
    {{var template_styles|raw}}

enter image description here

  • You are a saviour my friend :) +1 – Magento Team Oct 1 '19 at 17:27
  • How to add this non-inline style in .phtml? – Dhaduk Mitesh Jan 2 at 6:45

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.