Notifications
Clear all
Topic starter 10/08/2021 5:36 pm
Are you facing email template rendering issue? Content getting auto resized on mobile phones - such as gmail app?
Well, the solution to fix is.. add inline css and apply !important on the table width.
Exmple:
<table width="570" cellpadding="0" cellspacing="0" border="0" style="width: 570px!important; margin: 0 auto;">
This topic was modified 3 years ago by Dev Sam
Topic starter 10/08/2021 5:39 pm
Also, some other email clients may need the following declarations in your html template. Add the following on the top of your email template.
Add your email template html after the <body> tag.. and once done. Make sure to close </body> and </html> tag.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> </head> <body>
Topic starter 11/08/2021 5:42 am
For images causing any rendering issue with the image size in Hubspot or anywhere else. Please try adding image width and height in both inline style CSS and as a separate attribute.
<img src="path-of-image.jpg" style="width: 10px!important; height: 10px!important;" width="10" height="10" alt="image description"/>
