How to resize your company logo in your emails?

Summary

When setting up your Notification Layout and adding a logo to customer communications, it can be difficult to determine how it will appear until you've tested it in an email. Sometimes, the logo may appear too large or too small. This guide will help you adjust the logo size to ensure it displays correctly.

Step-by-Step Guide

1. Access System Configuration

   • From the home page, navigate to the System Configuration module.
     
     
     
     

2. Open Notification Layout

   • Click on Notifications.
     
     
     
     
   • Select Layout.
     
     
     
     

3. Locate the Logo Image

   • Press CTRL + F (or Command + F on Mac) and type "img" in the template text box
     
     
     
     
   • The first result that appears should be the logo.
     
     
     
     

4. Adjust the Logo Size

   • Locate the max-width setting in the code.
   • Modify it to your preferred dimensions.
     • Example:
       • 60% Size:
         css

         
         
         
         

         max-width: 60%;
         
         
         
         
       • 100% Size:
         css

          

         max-width: 100%;
         
         
         

5. Save Your Changes

   • Click Save to apply the new logo size.