Our designer updated CSS for all of our emails, but the referral email seems to be displaying super weird with lots of extra spacing. I've attached a photo for review.
The image that is being used is 180 pixels tall, a lot of which is blank space. That's what is making it appear to be stretching the email out.
The CSS class for that location is details_box_community_avatar_right_column and the title is details_box_community_avatar_left_column. Ask your designer to edit with the CSS for those two classes to shrink the appearance of the image a little and maybe enlarge the text on the left to balance them out. That should help to make the area look much more balanced.
Thank you for the suggestion! I'll let my team know.
Dave, is it possible to completely customize that email?
To a degree. All of the wording is contained within the Wordlets section of your control panel and is editable. All of the CSS can be edited. The structure of the page and data displayed however, cannot be edited.
Can you better define "structure of the page"?
In this screen shot I made of a test email from your site "structure" means the order in which elements appear. The location of the hello text, then the invitation header, then the site name, etc. While you can work on the CSS and the Wordlets, basically the look and feel of the emails the structure, or the order in which elements appear can't be changed.
So, as an example, you can reduce the size of the Join button, change the wording of it, and make it fuscia or chartreuse if you like, but moving the button to appear above the Hello text couldn't be done.
One other note on the CSS, is that I wanted to point out that email CSS changes apply to all of the emails together. There is not a seperate CSS setting for each email sent out.