Formatting Luminate Online Coaching Emails

Melissa Huempfner

Why does the spacing/formating in my Luminate Online letters look fine, but when I send a draft to myself, the spacing turns wonky? Help, please and thank you!

Philip Nawrocki

Are you using outlook? The bane of all e-mail developers existence? ;-)


Each e-mail client handles code a bit differently. Are you coding with the WYSIWYG or by hand?


What about the spacing is wonky? extra line breaks? or something more?


Thanks,


Phil

Melissa Huempfner

Hey Phil! Thanks for chimming in! Yes, I'm using the WYSIWYG and through Google Chrome. 


In WYSIWYG, the spacing looks great! After I send a draft, it comes through with literally no spacing. All spacing condensed.


Thank you!

Philip Nawrocki

Yea, the WYSIWYG will do that.


You will have to go into the code and do a little editing. I think WYSIWYG uses paragraph tags.


You could dump this in:


<style>

p

{

margin-bottom: 10px;

}

</style>


Let me know if that helps.


Otherwise you an paste the code and we can clean it up.


Thanks,


Phil

Melissa Huempfner

Thanks! I tried that with no luck, but I did some Googling based on that! 


Tried <p></p>, which are auto changed into <div>


Tried

<div>

</div>

which auto change to <p>&nbsp;</p>


Tried <p>&nbsp;</p> which works! But, it's double the space needed.


I am not a coder...at all. I will e-mail the code, thank you!!


 

Melissa Huempfner

Thanks, Phil!


I have been trying in the plain text. I am just going to use <br>. It seems to be okay.


 

 

Philip Nawrocki

Hey Melissa,


I should have said to put that code in the Use Plain Text Editor. It is a link in the top right of the WYSIWYG next to the 'Help' link.


Try it in there.


If you still have no luck. Paste the code from the Plain Text Editor. :-)


Phil

Tammy Radencic

Philip Nawrocki:

Hey Melissa,


I should have said to put that code in the Use Plain Text Editor. It is a link in the top right of the WYSIWYG next to the 'Help' link.


Try it in there.


If you still have no luck. Paste the code from the Plain Text Editor. :-)


Phil

Yes, to add a space use the <br> and </br> tags within the plain text editor. If you want a nonbreaking space, you can use Shift+Enter within the WYSIWYG to accomplish this. 


Here's an example of a 2 paragraph email content:

<br /><span class="emailcontentmain" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 1.2;">We are thrilled you can join us for the Walk & Run for Kids.  <br />

<br /><span class="emailcontentmain" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 1.2;">Through individualized and family therapy, unconditional care and a dedicated team of professionals, children can begin to heal.  No child deserves to live a life filled with pain and suffering. <br />


If you try to paste this sample code into your email content, make sure you are pasting into the Plain Text Editor and not the WYSIWYG.


Hope that helps!