How do I add image header to email
By Kane on Monday, 11 May 2015
Posted in General Issues
Replies 3
Likes 0
Views 1K
Votes 0
I would like to brand the emails some. I can't seem to get the right code to embed an image in the header where "New Blog Post" is (in the "new blog" email template)

<tr>	

<td style="text-align: center;padding: 40px 10px 0;">

		<div style="margin-bottom:15px;">

			<div style="font-family:Arial;font-size:32px;font-weight:normal;color:#333;display:block; margin: 4px 0">

				<?php echo JText::_( 'COM_EASYBLOG_NOTIFICATION_NEW_BLOG_POST' ); ?>

			</div>


How do I embed an image either behind or instead of this?
Hello Kane,

You might want to use the CSS style="background-image: url(../images/URL-to-your-image)" in the DIV tag. Please give it a try.
Nik Faris
·
Monday, 11 May 2015 18:03
·
0 Likes
·
0 Votes
·
0 Comments
·
<td style="text-align: center;padding: 40px 10px 0;">

		<div style="margin-bottom:15px;">

			<div style="font-family:Arial;font-size:32px;font-weight:normal;color:#333;display:block; margin: 4px 0" style="background-image: url(http://www.wefloat.net/images/WeFloat-Email-BannerLogo.jpg)">

				<?php echo JText::_( 'COM_EASYBLOG_NOTIFICATION_NEW_BLOG_POST' ); ?>

			</div>



		</div>


but I get the following... am I doing this wrong?

Kane
·
Wednesday, 13 May 2015 11:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Kane,

Can you try the following css code instead and see how it goes?
<div style="font-family:Arial;font-size:32px;font-weight:normal;color:#333;display:block; margin: 4px 0;">

				<img src="http://www.wefloat.net/images/WeFloat-Email-BannerLogo.jpg">

				<?php echo JText::_( 'COM_EASYBLOG_NOTIFICATION_NEW_BLOG_POST' ); ?>

			</div>


You can add custom style inside the <img> tag for width and height
Ezrul Fazwan
·
Wednesday, 13 May 2015 13:36
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post