Posted: July 22, 2014 at 8:05 pm
|
|
Hi there, EE4 /* ————————————- 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; } } BURTON GARRAN HALL ALUMNI Registration(s) Pending Payment Registrant(s): |
|
|
After removing the edited files the problem remains. |
|
Hi Dave, I believe moving the invoice/receipt files is a coincidence. Have you modified any of the messages templates? Generally we find this is caused by either your server, or the recipient server marking the emails as spam, so then they are sent as plain text. Your email client will then try its best to ‘decipher’ the email and display it the best it can. We recommend using a transactional email service such as Mandrill or PostMark to send the emails, this removes your server configuration from the equation and uses their servers (who’s business model are dependent on having the servers correctly configured) The added benefit of services such as these is the extra reporting this allows you to use. You can find more information following the links within here: https://eventespresso.com/wiki/postmark-app-mandrill-transactional-email-handling-services/ |
|
The support post ‘css script showing on Registration(s) Pending Payment email’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.
