The CreatorCon Call for Content is officially open! Get started here.

How to set the correct height & width of banner logo in Notifcation

shaik_irfan
Tera Guru

Hi,

 

I have a banner image which i want to place in the header of the notification, i saved the image in images table and i called in notification script as shown below:

 

The source which i received from the image i pased down here

 

<img src="Gmy_banner.png" width="2500" height="625"/>

 

When i called the notification script in the Notifcation and when i see the preview the banner is very biggggg

How to set the correct width & heigth which match the body of the email ?

8 REPLIES 8

Hi 

You can set the height to auto as it will adjust according to the screen and the original height of the image.

 

Mark correct answer if it helps.

 

Regards

Omkar Mone

After setting heigth to auto and width to 100% output as shown below:

 

find_real_file.png

 

What should i do now ?

 

If i change the height and when i preview in the notification it is decreasing but when the email is received to the notification it is unchnaged 😞 Size is as it is 

It might be the email client's support of inline styling of images.

You might have to give the img tag a class and set it within <style> tags

Hi 

Can you try with something like this ? I don't think this would change but worth giving a try.

<style>
img{
width:100%;
height:auto;
}
</style>
<img src="Gmy_banner.png" alt="Smiley face">