|
Michael Cook
|
July 21, 2014 at 1:31 pm
Upon registering for an event, attendants receive the following code right before the email message.
________________________________________________________________________
/* ————————————- Attention! This CSS file is used for generating the final messages that are sent to the attendees and admins. ————————————- */ /* ————————————- GLOBAL ————————————- */ * { margin:0; padding:0; } * { font-family: “Helvetica Neue”, “Helvetica”, Helvetica, Arial, sans-serif; } img { max-width: 100%; } .collapse { margin:0; padding:0; } body { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; width: 100%!important; height: 100%; } /* ————————————- ELEMENTS ————————————- */ a { color: #2BA6CB;} .btn { text-decoration:none; color: #FFF; background-color: #666; padding:10px 16px; font-weight:bold; margin-right:10px; text-align:center; cursor:pointer; display: inline-block; } p.callout { padding:15px; background-color:#ECF8FF; margin-bottom: 15px; } .callout a { font-weight:bold; color: #2BA6CB; } table.social { /* padding:15px; */ background-color: #ebebeb; } .social .soc-btn { padding: 3px 7px; font-size:12px; margin-bottom:10px; text-decoration:none; color: #FFF;font-weight:bold; display:block; text-align:center; } a.fb { background-color: #3B5998!important; } a.tw { background-color: #1daced!important; } a.gp { background-color: #DB4A39!important; } a.ms { background-color: #000!important; } .sidebar .soc-btn { display:block; width:100%; } /* ————————————- HEADER ————————————- */ table.head-wrap { width: 100%;} .header.container table td.logo { padding: 15px; } .header.container table td.label { padding: 15px; padding-left:0px;} /* ————————————- BODY ————————————- */ table.body-wrap { width: 100%;} /* ————————————- FOOTER ————————————- */ table.footer-wrap { width: 100%; clear:both!important; } .footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;} .footer-wrap .container td.content p { font-size:10px; font-weight: bold; } /* ————————————- TYPOGRAPHY ————————————- */ h1,h2,h3,h4,h5,h6 { font-family: “HelveticaNeue-Light”, “Helvetica Neue Light”, “Helvetica Neue”, Helvetica, Arial, “Lucida Grande”, sans-serif; line-height: 1.1; margin-bottom:15px; padding-bottom:15px; padding-top:10px; color:#000; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; } h1 { font-weight:200; font-size: 36px;} h2 { font-weight:200; font-size: 30px;} h3 { font-weight:500; font-size: 24px;} h4 { font-weight:500; font-size: 19px;} h5 { font-weight:900; font-size: 16px;} h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;} h4.attendee-name { margin: 10px 0; } .collapse { margin:0!important;} p, ul { margin-bottom: 10px; font-weight: normal; font-size:14px; line-height:1.6; } p.lead { font-size:17px; } p.last { margin-bottom:0px;} ul li { margin-left:5px; padding-bottom: 5px; list-style-position: inside; list-style-type: none; } ul.question-list li, ol.datetime-list li { margin-left:10px; padding-bottom: 5px; list-style-position: inside; list-style-type: none; } li.ticket-name em, li.question-item em {padding-left: 15px;} hr { margin: 10px 0; } /* ————————————- SIDEBAR ————————————- */ ul.sidebar { background:#ebebeb; display:block; list-style-type: none; } #ee-message-preview-container ul.sidebar li { display: block; margin:0; padding:10px 16px;} #ee-message-preview-container ul.sidebar li h5 { text-decoration:none; color: #000; padding:10px 0 20px 0; display:block; margin:0; } ul.sidebar li a.last { border-bottom-width:0px;} ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;} /* ————————————————— RESPONSIVENESS Nuke it from orbit. It’s the only way to be sure. —————————————————— */ /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */ .container { display:block!important; max-width:600px!important; margin:0 auto!important; /* makes it centered */ clear:both!important; } /* This should also be a block element, so that it will fill 100% of the .container */ .content { padding:15px; max-width:600px; margin:0 auto; display:block; } /* Let’s make sure tables in the content area are 100% wide */ .content table { width: 100%; } /* Odds and ends */ .column { width: 300px; float:left; } .column tr td { padding: 15px; } .column-wrap { padding:0!important; margin:0 auto; max-width:600px!important; } .column table { width:100%;} .social .column { width: 280px; min-width: 279px; float:left; } .column-large { width: 550px; margin:0 auto; padding-left: 10px; } /* Be sure to place a .clear element after each set of columns, just to be safe */ .clear { display: block; clear: both; } /* ——————————————- PHONE For clients that support media queries. Nothing fancy. ——————————————– */ @media only screen and (max-width: 600px) { a[class=”btn”] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;} div[class=”column”] { width: auto!important; float:none!important;} table.social div[class=”column”] { width:auto!important; } }
|
|
Lorenzo Orlando Caum
|
July 21, 2014 at 3:20 pm
Hi Michael,
Could you go to your WordPress admin and click on Messages in the WordPress admin menu for Event Espresso?
Then click on the settings tab and click the toggle to turn the messages system off. Then click it again to turn it back on.
Also are you using a plugin like WP SMTP or an email service like Mandrill:
https://eventespresso.com/wiki/postmark-app-mandrill-transactional-email-handling-services/
—
Lorenzo
|
|
Michael Cook
|
July 21, 2014 at 3:27 pm
I reset the messages and re-installed the entire plugin but this still happens with the “Registration Pending Payment” email. The odd thing is the email sent out does not match the global template and we are not using any custom templates. I have toggled the custom and global template too to try to reset that. Nothing is working. Not using any email plugins. All emails such as “Event Payment Reminder” look fine.
Using most current version and no plugins
|
|
Lorenzo Orlando Caum
|
July 21, 2014 at 6:17 pm
Could you try the WP Mandrill plugin:
https://eventespresso.com/wiki/postmark-app-mandrill-transactional-email-handling-services/
—
Lorenzo
|
|
Michael Cook
|
July 21, 2014 at 7:58 pm
Yes Mandrill appears to work, which leads me to believe this is a problem with the host formatting email. There are still two problems. When a user registers the email to the user is now formatted fine and is coming from Mandrill Servers.
The “Registration(s) Pending Payment” email that is sent to the Administrator, at the time of registration, is still going through the traditional server and has the css info at the top. Is there a way to force all email through the Mandrill system?
Also now that I deleted all the data my license code is now showing red in the settings area. Thanks again.
|
|
Michael Cook
|
July 21, 2014 at 8:13 pm
My license is now working. The other problems still exists.
|
|
Lorenzo Orlando Caum
|
July 21, 2014 at 9:05 pm
Click on the Registration pending email and then change to TO from the shortcode to your actual email:
example@yourwebsite.com
Then save changes and try again to see if the CSS appears.
—
Lorenzo
|
|
Michael Cook
|
July 21, 2014 at 9:11 pm
That fixed the problem. Thank you very much for the awesome support. I really appreciate it.
|
|
Dean
|
July 22, 2014 at 1:33 am
Marking as resolved. If you have any further issues, please create a new forum thread. Thanks.
|
