Feedback on NI Community

cancel
Showing results for 
Search instead for 
Did you mean: 

Can you fix the Community email headers?

Solved!
Go to solution

Lili or Matt or the wonderful web team, can something be done about the headers of emails sent from the community? They are ridiculously large and that shade of blue overpowers everything.

 

Here's a minute's worth of work in Paint of a before and after:

 

Community email.png

 

 

 

Even without changing the color, just removing all the empty space and aligning the text to the logo is enough to make this much better.


___________________
Try to take over the world!
0 Kudos
Message 1 of 7
(5,736 Views)

Hi tst,

 

We are taking a look at this. I was wondering what program you are using to view these emails, as the look does change depending on this.

 

For instance, what I see in Outlook 2013 is fitting with your request.

 

communityheader.png

 

Thanks,

~~~~~~~~~
0 Kudos
Message 2 of 7
(5,719 Views)

This is Gmail on Firefox, but I also see the same thing on IE 10 and it's on two separate machines with different resolutions and zoon levels.

 

This is the HTML for this section:

 

<table style="border:solid 2px #ccc;background:#dadada;width:100%" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
	<tbody>
		<tr>
			<td style="border-bottom:1px solid #ccc;padding:8px" height="58px" bgcolor="#065FA3" valign="middle">
				<h1 style="color:#ffffff;font:bold 22px Arial,Helvetica,sans-serif;margin:0;display:block!important">
					<a href="https://decibel.ni.com/content/index.jspa" style="text-decoration:none;color:#ffffff" target="_blank"><img class="CToWUd" src="http://www.ni.com/images/global/neutral/sbs/community_logo_24x24.gif" alt="National Instruments" style="padding:8px 8px 4px 4px" height="24" hspace="0" border="0" vspace="0" width="24"><span align="middle">Community</span></a>
				</h1>
			</td>
		</tr>
	</tbody>
</table>

If I change the height on the TD element and the padding on the image, it looks better (although still not as nice as I would like), as you can see in the attached before and after HTML file:

 

Comm header.png

 


___________________
Try to take over the world!
0 Kudos
Message 3 of 7
(5,697 Views)

This is how it renders in the Gmail app on my phone:

 

 


___________________
Try to take over the world!
0 Kudos
Message 4 of 7
(5,690 Views)

Hi tst,

 

Just wanted to let you know we're working on simplifying the header and testing it before deploying to production. We'll update here when it's live.

 

Thanks,

~~~~~~~~~
Message 5 of 7
(5,643 Views)
Solution
Accepted by topic author tst

We updated the email headers in production for the user group community. Does it look better in your email client?

~~~~~~~~~
Message 6 of 7
(5,521 Views)

Yes, that worked. Now it looks slightly weird, but I'm sure I'll get used to it quickly.

 

Thanks.

 

Headers.png


___________________
Try to take over the world!
0 Kudos
Message 7 of 7
(5,510 Views)