- This topic has 8 replies, 2 voices, and was last updated 4 years, 5 months ago by
.
-
Posts
-
Hi there,
I’m currently pasting in a HTML email, it looks fine in the visual editor however when the email is sent into the inbox there is a lot of spacing between the elements. This causes the email to be about 10 times longer than it should be.
Could anyone tell me what the issue might be?
Very much appreciate your time.
Alex
Sure! It’s not even sending an email now…
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta charset=”utf-8″>
<meta name=”x-apple-disable-message-reformatting”>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge” />
<title>*|MC:SUBJECT|*</title>
<style type=”text/css”>
@import url(‘https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap’);@media only screen and (max-width: 480px){
/* ===== TYPOGRAPHY ======== */
#bodyCell{padding: 0 !important;}
#templateContainer{width: 100% !important;}
.fluid{width: 100% !important; max-width: 100% !important;}
.fluid-content{display: block !important; width: 100% !important;}
/*display*/
.none{display: none !important;}
.block{display: block !important;}
/*wdith*/
.w-25{width: 25px !important;}
.w-50{width: 50px !important;}
.w-75{width: 75px !important;}
.w-100{width: 100px !important;}
.w-125{width: 125px !important;}
.w-150{width: 150px !important;}
.w-175{width: 175px !important;}
.w-200{width: 200px !important;}
.w-225{width: 225px !important;}
.w-250{width: 250px !important;}
.w-275{width: 275px !important;}
.w-300{width: 300px !important;}
/*padding*/
.p-0{padding: 0 !important;}
.pt-0{padding-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.pr-0{padding-right: 0 !important;}
.pl-0{padding-left: 0 !important;}.p-10{padding: 10px !important;}
.pt-10{padding-top: 10px !important;}
.pb-10{padding-bottom: 10px !important;}
.pr-10{padding-right: 10px !important;}
.pl-10{padding-left: 10px !important;}.p-15{padding: 15px !important;}
.pt-15{padding-top: 15px !important;}
.pb-15{padding-bottom: 15px !important;}
.pr-15{padding-right: 15px !important;}
.pl-15{padding-left: 15px !important;}.p-20{padding: 20px !important;}
.pt-20{padding-top: 20px !important;}
.pb-20{padding-bottom: 20px !important;}
.pr-20{padding-right: 20px !important;}
.pl-20{padding-left: 20px !important;}.p-25{padding: 25px !important;}
.pt-25{padding-top: 25px !important;}
.pb-25{padding-bottom: 25px !important;}
.pr-25{padding-right: 25px !important;}
.pl-25{padding-left: 25px !important;}.p-30{padding: 30px !important;}
.pt-30{padding-top: 30px !important;}
.pb-30{padding-bottom: 30px !important;}
.pr-30{padding-right: 30px !important;}
.pl-30{padding-left: 30px !important;}.p-35{padding: 35px !important;}
.pt-35{padding-top: 35px !important;}
.pb-35{padding-bottom: 35px !important;}
.pr-35{padding-right: 35px !important;}
.pl-35{padding-left: 35px !important;}.p-40{padding: 40px !important;}
.pt-40{padding-top: 40px !important;}
.pb-40{padding-bottom: 40px !important;}
.pr-40{padding-right: 40px !important;}
.pl-40{padding-left: 40px !important;}.p-45{padding: 45px !important;}
.pt-45{padding-top: 45px !important;}
.pb-45{padding-bottom: 45px !important;}
.pr-45{padding-right: 45px !important;}
.pl-45{padding-left: 45px !important;}.p-50{padding: 50px !important;}
.pt-50{padding-top: 50px !important;}
.pb-50{padding-bottom: 50px !important;}
.pr-50{padding-right: 50px !important;}
.pl-50{padding-left: 50px !important;}.px-0{padding-left: 0px !important; padding-right: 0px !important;}
.py-0{padding-top: 0px !important; padding-bottom: 0px !important;}.px-10{padding-left: 10px !important; padding-right: 10px !important;}
.py-10{padding-top: 10px !important; padding-bottom: 10px !important;}.px-15{padding-left: 15px !important; padding-right: 15px !important;}
.py-15{padding-top: 15px !important; padding-bottom: 15px !important;}.px-20{padding-left: 20px !important; padding-right: 20px !important;}
.py-20{padding-top: 20px !important; padding-bottom: 20px !important;}.px-25{padding-left: 25px !important; padding-right: 25px !important;}
.py-25{padding-top: 25px !important; padding-bottom: 25px !important;}.px-30{padding-left: 30px !important; padding-right: 30px !important;}
.py-30{padding-top: 30px !important; padding-bottom: 30px !important;}.px-35{padding-left: 35px !important; padding-right: 35px !important;}
.py-35{padding-top: 35px !important; padding-bottom: 35px !important;}.px-40{padding-left: 40px !important; padding-right: 40px !important;}
.py-40{padding-top: 40px !important; padding-bottom: 40px !important;}.px-45{padding-left: 45px !important; padding-right: 45px !important;}
.py-45{padding-top: 45px !important; padding-bottom: 45px !important;}.px-50{padding-left: 50px !important; padding-right: 50px !important;}
.py-50{padding-top: 50px !important; padding-bottom: 50px !important;}/*text center*/
.center{text-align: center !important;}
.left{text-align: left !important;}
.right{text-align: right !important;}
.valign-middle{vertical-align: middle !important;}
.valign-top{vertical-align: top !important;}
.valign-bottom{vertical-align: bottom !important;}/*font-size*/
.f-8{font-size: 8px !important;}
.f-9{font-size: 9px !important;}
.f-10{font-size: 10px !important;}
.f-11{font-size: 11px !important;}
.f-12{font-size: 12px !important;}
.f-13{font-size: 13px !important;}
.f-14{font-size: 14px !important;}
.f-15{font-size: 15px !important;}
.f-16{font-size: 16px !important;}
.f-17{font-size: 17px !important;}
.f-18{font-size: 18px !important;}
.f-19{font-size: 19px !important;}
.f-20{font-size: 20px !important;}
.f-21{font-size: 21px !important;}
.f-22{font-size: 22px !important;}
.f-23{font-size: 23px !important;}
.f-24{font-size: 24px !important;}
.f-25{font-size: 25px !important;}
.f-26{font-size: 26px !important;}
.f-27{font-size: 27px !important;}
.f-28{font-size: 28px !important;}
.f-29{font-size: 29px !important;}
.f-30{font-size: 30px !important;}
.f-32{font-size: 32px !important;}
.f-34{font-size: 34px !important;}
.f-36{font-size: 36px !important;}
.f-38{font-size: 38px !important;}
.f-40{font-size: 40px !important;}
.f-42{font-size: 42px !important;}
.f-44{font-size: 44px !important;}
.f-46{font-size: 46px !important;}
.f-48{font-size: 48px !important;}
.f-50{font-size: 50px !important;}
.w-45{width: 45px !important;}
.w-30{width: 30px !important;}
.w-20{width: 20px !important;}/*fontwight*/
.bold{font-weight: 700 !important;}
.medium{font-weight: 500 !important;}
.semi-bold{font-weight: 600 !important;}
.black{font-weight: 900 !important;}
/* ===== TYPOGRAPHY ======== */
}
</style>
</head>
<body leftmargin=”0″ marginwidth=”0″ topmargin=”0″ marginheight=”0″ offset=”0″ bgcolor=”#f1efef” style=”font-family: ‘Arial’, sans-serif; padding: 0; margin: 0;” yahoo=”fix”>
<center>
<table align=”center” border=”0″ cellpadding=”0″ cellspacing=”0″ height=”100%” width=”100%” id=”bodyTable” style=”background-color: #f1efef;”>
<tr>
<td align=”center” valign=”top” id=”bodyCell” style=”padding-top: 20px; padding-bottom: 20px;”>
<!– BEGIN TEMPLATE // –>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”600″ id=”templateContainer” style=”background-color: #fff; “>
<!– PREHEADER PART –>
<tr>
<td align=”center” valign=”top”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%” id=”templateHeader”>
<tr>
<td valign=”top” align=”left” class=”headerContent”>
</td>
</tr>
</table>
</td>
</tr>
<!– PREHEADER PART FINISH–><!– block 1 –>
<tr>
<td align=”left” valign=”top” class=”fluid” style=”padding-left: 20px; padding-right: 20px;”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%”>
<tr>
<td align=”center” class=”f-15″ valign=”top” style=”font-family: ‘Roboto’, sans-serif; padding-top: 30px; padding-bottom: 30px; font-size: 17px; font-weight: 900; line-height: 140%; border-bottom: 1px solid #ddd;”>
ONE LAST STEP TO COMPLETE YOUR REGISTRATION
</td>
</tr>
</table>
</td>
</tr>
<!– block 1 –><!– block 2 –>
<tr>
<td align=”left” valign=”top” class=”fluid” style=”padding-left: 40px; padding-right: 30px; padding-top: 45px;”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%”>
<tr>
<td align=”left” class=”f-15 pb-15″ valign=”top” style=”font-family: ‘Roboto’, sans-serif; font-size: 17px; font-weight: 500; color: #3c3f44; line-height: 100%; padding-bottom: 25px;”>
Hi there,
</td>
</tr>
<tr>
<td align=”left” class=”f-15 pb-15″ valign=”top” style=”font-family: ‘Roboto’, sans-serif; font-size: 17px; font-weight: 500; color: #3c3f44; line-height: 140%; padding-bottom: 25px;”>
Thanks you for joining us! It’s a pleasure to have you as part of the Screenwriters Network
</td>
</tr>
<tr>
<td align=”left” class=”f-15 pb-15″ valign=”top” style=”font-family: ‘Roboto’, sans-serif; font-size: 17px; font-weight: 500; color: #3c3f44; line-height: 140%; padding-bottom: 25px;”>
Please complete your registration by visiting the following link:
</td>
</tr>
<tr>
<td align=”left” class=”f-13 pb-15″ valign=”top” style=”font-family: ‘Roboto’, sans-serif; font-size: 15px; font-weight: 500; color: #3c3f44; line-height: 100%; padding-bottom: 25px;”>
{res_link}
</td>
</tr>
<tr>
<td align=”left” class=”f-15 pb-5″ valign=”top” style=”font-family: ‘Roboto’, sans-serif; font-size: 17px; font-weight: 500; color: #3c3f44; line-height: 100%; padding-bottom: 10px;”>
Best wishes,
</td>
</tr>
<tr>
<td align=”left” valign=”top” class=”f-15 pb-5″ style=”font-family: ‘Roboto’, sans-serif; font-size: 17px; font-weight: 500; color: #3c3f44; line-height: 100%; padding-bottom: 10px;”>
Screenwriters Network
</td>
</tr>
<tr>
<td align=”left” valign=”top” class=”f-15 pb-30″ style=”font-family: ‘Roboto’, sans-serif; font-size: 17px; font-weight: 500; color: #3c3f44; line-height: 100%; padding-bottom: 50px;”>
http://www.screenwritersnetwork.org
</td>
</tr>
<tr>
<td align=”center” class=”pb-15″ valign=”top” width=”170″ style=”padding-bottom: 20px;”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td align=”center” valign=”top” class=”f-15″ style=”font-family: ‘Roboto’, sans-serif; font-size: 17px; font-weight: 500; color: #3c3f44; line-height: 100%; border-bottom: 2px solid #3d92f7;”>
Get Support
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!– block 2 –><!– footer 1–>
<tr>
<td align=”center” valign=”top” class=”fluid px-20 pb-20″ style=”padding-left: 20px; padding-right: 20px; padding-bottom: 35px;”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%”>
<tr>
<td align=”center” class=”pt-25″ valign=”top” style=” border-top: 1px solid #ddd; padding-top: 40px;”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td align=”center” valign=”top” class=”w-45″ width=”55″>
</td>
<td align=”center” valign=”top” class=”w-45″ width=”55″>
</td>
<td align=”center” valign=”top” class=”w-45″ width=”55″>
</td>
<td align=”center” valign=”top” class=”w-45″ width=”55″>
</td>
<td align=”center” valign=”top” class=”w-45″ width=”55″>
</td>
<td align=”center” valign=”top” class=”w-45″ width=”55″>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!– footer –><!– TYPOGRAPHY HERE
<tr>
<td align=”left” valign=”top” class=”fluid” style=”padding-left: 20px; padding-right: 20px;”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%”>
<tr>
<td align=”left” valign=”top” style=”font-family: ‘Roboto’, sans-serif;”></td>
</tr>
</table>
</td>
</tr>
———Column two —–
<tr>
<td align=”left” valig=”top” style=”padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ class=”fluid”>
<tr>
<td align=”left” valig=”top” class=”fluid-content pr-0 pb-20″ style=”padding-right: 20px;”></td>
<td align=”left” valign=”top” class=”fluid-content”></td>
</tr>
</table>
</td>
</tr>******column three
<tr>
<td align=”left” valig=”top” style=”padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ class=”fluid”>
<tr>
<td align=”left” valig=”top” class=”fluid-content pr-0 pb-20″ style=”padding-right: 20px;”></td>
<td align=”left” valign=”top” class=”fluid-content pr-0 pb-20″ style=”padding-right: 20px;”></td>
<td align=”left” valign=”top” class=”fluid-content”></td>
</tr>
</table>
</td>
</tr>
–></table>
<!– // END TEMPLATE –>
</td>
</tr>
</table>
</center>
</body>
</html>Also here’s my debug file as it’s not sending an email:
[2021/12/11 13:33:18] – SUCCESS: Stripe SCA Subscription IPN (HTTP POST) received. Processing request…
[2021/12/11 13:33:19] – SUCCESS: Stripe SCA Subscription charge successful.
[2021/12/11 13:33:20] – SUCCESS: Transaction data saved.
[2021/12/11 13:33:20] – SUCCESS: Payment Notification Forwarding is Enabled. Posting the payment data to URL: https://www.screenwritersnetwork.org/thank-you/
[2021/12/11 13:33:20] – SUCCESS: Redirecting customer to: https://www.screenwritersnetwork.org/thank-you/
[2021/12/11 13:33:20] – SUCCESS: End of Stripe SCA Subscription IPN processing.Ignore the second part, the email finally came it just still has lots of spacing. And now it’s in the Spam box, anyway I can get it delivered to inboxes?
Hi, please check the following troubleshooting steps.
https://simple-membership-plugin.com/forums/topic/email-sending-issue-on-your-site/
Let me know if the information above helps you.
Thank you.
Hey! Unfortunately not. I have checked the debug log and it doesn’t say ’email successfully sent’. But the emails are sending so I don’t know what that means?
- You must be logged in to reply to this topic.