2 Comments

How to modify logo and css style for emails templates?

Block rendering issues in Magento 1.9.2.0
How to change the reordering product link?

I need to set a new logo and make some css adjustments for emails like “password-reset”

Related Posts

  • Custom Email Template in Magento2 (2)
    I'm trying to create a custom email template. I have loaded header and I want to start styling it. For example a simple red background color. Where do I need to add the style? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" […]
  • How to change the colors only of all email templates in M2? (1)
    I've been trying to scratch my head through this most of the day, and I seem to be running in circles. I know I shouldn't edit the default email templates at all (and I'm cool with that). I've found the default templates in Vendor > Magento > theme-frontend-luma > web > […]
  • How to change the colors only of all email templates in M2? (1)
    I've been trying to scratch my head through this most of the day, and I seem to be running in circles. I know I shouldn't edit the default email templates at all (and I'm cool with that). I've found the default templates in Vendor > Magento > theme-frontend-luma > web > […]
  • template style not working for 1.9.0.1 (1)
    I want to create responsive email templates and for that I need to add media queries in templates, but whenever I add any style in of transactional emails, it appears in Preview but doesn't appear in emails. I have tried adding internal css in html file of email template also but […]
  • Magento – Send Order PDF with an addition attribute to a defined email (0)
    I need to set an automatic email that notify the only one supplier that I've, that I receive an order, so they can start to produce it. I need so to send an attached pdf with an additional attribute, our internal code, that customer haven't to see in the pdf that him receive. For […]
  • How to update/customize/override Magento 2 css styles (2)
    So I followed the Magento 2 Docs to create my theme for the store. Step 1: I have created directories app/design/frontend/<Vendor>/<theme>/ ├── web/ │ ├── css/ │ │ ├── source/ │ ├── fonts/ │ ├── images/ │ ├── js/ Step 2: […]
  • How can I customize Login Page in Magento 2? (1)
    How can I customize the Login Page for Admin in Magento 2? I want to change the Logo and CSS Styles there.
  • How to update/customize/override Magento 2 css styles (2)
    So I followed the Magento 2 Docs to create my theme for the store. Step 1: I have created directories app/design/frontend/<Vendor>/<theme>/ ├── web/ │ ├── css/ │ │ ├── source/ │ ├── fonts/ │ ├── images/ │ ├── js/ Step 2: […]
  • Css and Js not load Magento 2 (4)
    Problem: I am installing Magento 2 on live server. While the site displays product info and some of the product images, there are no styles and JavaScript functions don't work. Solution attempts/debugging: I have seen a number of articles on inaccessible css/js files and have […]
  • Template Styles not working for magento custom transactional email template (1)
    I have created a custom transactional email template and added event in my custom module to send email using this transactional template. When I add Template Styles in template it is working on preview page but not working in emails. Is there any setting in magento to enable this […]
Block rendering issues in Magento 1.9.2.0
How to change the reordering product link?

2 Comments on this article

  • User November 12, 2016

    You can overwrite core files by putting a version of them in the app/code directory. So to change the email logo, you should copy

    vendormagentomodule-emailviewfrontendweblogo_email.png
    

    to

    appcodemagentoemailviewfrontendweblogo_email.png
    

    the CSS template that the e-mails use can be found by checking the header.html file in

    vendormagentomodule-emailviewfrontendemailheader.hmtl
    

    You can place a copy of the header.html file in your local folder and add css code directly in the e-mail header, or add a css/email.css file in your own template to overwrite the css file itself.

    Reply

  • User November 12, 2016

    For setting up your custom logo:

    Stores -> Configuration -> Design -> Email -> Logo Image

    There you can upload your custom logo image and then, also in

    Stores -> Configuration -> Design -> Email

    You can set up your logo width and height.

    You can also modify your password-reset email trhough Magento Admin in

    Marketing -> Email Templates

    And Add your custom Email template for Password Reset as it is explained here.

    If you want to avoid using your common header and calling your logo “as is” and then inline-styling it, this is the var you need to put as “src” attribute.

    {{var logo_url}}

    EDIT:

    If what you want to do is to edit your email template using your theme you can look here it shows you how to use the template fallback to achieve it. Should be something like copying and editing

    app/code/Magento/Customer/view/frontend/email/password_reset.html

    in your

    app/design/frontend/vendor/theme/Magento_Customer/email/password_reset.html

    (I didn’t try this yet, but according to the documentation it should work)

    Reply

Add a comment

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax