Modular Starter Template: Header with centered logo

Shared by Carin Slater, 2022-01-31 16:10:16. Tagged: Litmus Templates, All

Copy to Clipboard Save to Design Library

Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet

<a href="https://www.example.com/{{utm_code}}" target="_blank"><img class="light-img" src="https://via.placeholder.com/168x78" width="168" height="78" alt="place alt text here"
          style="color: #4a4a4a; font-family: 'Trebuchet MS', Arial, sans-serif; text-align:center; font-weight:bold; font-size:24px; line-height:28x; text-decoration: none; padding: 0;">
               
               
               <div class="dark-img" style="display:none; overflow:hidden; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="center">
                    <img src="https://via.placeholder.com/168x78" width="168" height="78" alt="place alt text here" style="color: #4a4a4a; font-family: 'Trebuchet MS', Arial, sans-serif; text-align:center; font-weight:bold; font-size:24px; line-height:28px; text-decoration: none; padding: 0;" border="0" />
               </div>
               
          </a>
     </td>
</tr>

Carin Slater replied 2021-08-02 18:55:23

This snippet has places for both the light mode and dark mode logos. Make sure to supply versions for both.

From visual editor, you can access the dark mode version if you put your overall settings for your computer or browser into dark mode.

Reply to Carin Slater

Modular Starter Template: Header with centered logo

Sign in to Community

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Forgot password