change "banner" on welcome and order confirm emails

**Ajeh** · 28 Jan 2009, 05:22 AM

Thanks for the update ... it is always helpful when things like this are shared on the forums because ... who knew how quirky that solution could be?

**Emrico1** · 19 Mar 2009, 03:01 AM

I had the same problem.

IE caches any images that you view on the web. Make sure you delete the cache (I'm using Firefox but I like to test in a couple of browsers)

Also, Microsoft Outlook saves its image cache with the Internet Explorer images so if you delete your Fire Fox cache it won't overwrite the Internet explorer ones :)

Hope that helps someone

**kburner** · 28 Mar 2009, 12:47 AM

Originally Posted by colemanpa

ok I'm back I got the logo to work but I needed to change the size of the e-mails to fit the html code from advert so it took a few adjustments and I had to change the width in ever e-mail in the email directory to make list work, the only problem seems to be with the order page in the middle there a gray box with the shipping address but the right side is outside the right margin, you can check it out by creating an account, put something in the cart and checkout with moneyorder, don't worry I will delete it, and can you override this directory and if so how? here is the orders file if anyone could help that would be get, I have tried everything with this file;

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=$CHARSET" />
<base href="$BASE_HREF" />

<style type="text/css">
body {background-color:#ffffff; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
a:link {color:#0066cc;}
a:hover {background-color:#eeeecc; color:#0066cc;}
a:visited {color:#0066cc;}
.holder {background-color:#f9f9f9; border:1px solid #9a9a9a; font-size:9px; text-align:left; width:635px;}
.header {font-size:10px; padding:0px; width:635px;}
.content {font-size:10px; padding:5px; width:550px;}
.footer {border-top:1px solid #9a9a9a; font-size:9px; margin-top:10px; text-align:center; width:635px;}
.disclaimer {background-color:#f9f9f9; border:1px solid #cccccc; font-size:10px; margin-top:10px; padding:5px; width:625px;}
.disclaimer1 {color:#666666; padding:5px;}
.disclaimer1 a:link {color:#666666;}
.disclaimer1 a:visited {color:#666666;}
.disclaimer2 {color:#666666; padding:5px;}
.copyright {border-bottom:0px solid #9a9a9a; padding:5px;}
</style>

</head>

<body>
<div class="holder">


<div class="header">
<img src="email/header.jpg" alt="logo" />
</div>


<div class="content">
<div>Dear $EMAIL_CUSTOMERS_NAME,</div>
<div>$EMAIL_STORE_NAME</div>
<div>$EMAIL_TEXT_ORDER_NUMBER</div>
<div>$EMAIL_TEXT_INVOICE_URL</div>
<div>$EMAIL_TEXT_DATE_ORDERED</div>
<div>$EMAIL_TEXT_STATUS_COMMENTS</div>
<div>$EMAIL_TEXT_STATUS_UPDATED</div>
<div>$EMAIL_TEXT_STATUS_LABEL</div>
<div>$EMAIL_TEXT_STATUS_PLEASE_REPLY</div>
</div>


<div class="footer">
<div class="copyright">$EMAIL_FOOTER_COPYRIGHT</div>
</div>

</div>
<div class="disclaimer">
<div class="disclaimer1">$EMAIL_DISCLAIMER</div>
<div class="disclaimer2">$EMAIL_SPAM_DISCLAIMER</div>
</div>
</body>
</html>

I am trying to change my emails so they look better. What did you add to get space. Everything is swished together with no line spaces.

Thanks, Kim

**colemanpa** · 28 Mar 2009, 05:50 PM

Originally Posted by colemanpa

.holder {background-color:#f9f9f9; border:1px solid #9a9a9a; font-size:9px; text-align:left; width:635px;}
.header {font-size:10px; padding:0px; width:635px;}
.content {font-size:10px; padding:5px; width:550px;}
.footer {border-top:1px solid #9a9a9a; font-size:9px; margin-top:10px; text-align:center; width:635px;}
.disclaimer {background-color:#f9f9f9; border:1px solid #cccccc; font-size:10px; margin-top:10px; padding:5px; width:625px;}

I adjust these lines the number at the end of each line to make the the area bigger to the size I wanted.

pete

**kburner** · 28 Mar 2009, 08:25 PM

Originally Posted by colemanpa

I adjust these lines the number at the end of each line to make the the area bigger to the size I wanted.

pete

I mean the sentence line spaces between each sentence or area. Here is what email looks like when I send to myself.

Example:
Dear Kim,
Burner Christian Bookstore
Order Number: 2
Detailed Invoice
Date Ordered: Monday 20 October, 2008
The comments for your order are: test again with 635px
Your order has been updated to the following status:
New status: Update
Please reply to this email if you have any questions.

I am looking to add space between each line. It should look like:

Dear Kimberly Burner,

Burner Christian Bookstore

Order Number: 2

Detailed Invoice

Date Ordered: Monday 20 October, 2008

The comments for your order are: test again with 635px

Your order has been updated to the following status:

New status: Update

Please reply to this email if you have any questions.

Looks better and I can read it. Thanks, Kim

**colemanpa** · 28 Mar 2009, 10:25 PM

It's html so I believe all you need is a <P> after each line and that should do it.

pete

Originally Posted by kburner

I mean the sentence line spaces between each sentence or area. Here is what email looks like when I send to myself.

Example:
Dear Kim,
Burner Christian Bookstore
Order Number: 2
Detailed Invoice
Date Ordered: Monday 20 October, 2008
The comments for your order are: test again with 635px
Your order has been updated to the following status:
New status: Update
Please reply to this email if you have any questions.

I am looking to add space between each line. It should look like:

Dear Kimberly Burner,

Burner Christian Bookstore

Order Number: 2

Detailed Invoice

Date Ordered: Monday 20 October, 2008

The comments for your order are: test again with 635px

Your order has been updated to the following status:

New status: Update

Please reply to this email if you have any questions.

Looks better and I can read it. Thanks, Kim

**kburner** · 13 Apr 2009, 01:33 PM

Originally Posted by colemanpa

It's html so I believe all you need is a <P> after each line and that should do it.

pete

Thank you Pete! It works great!

**mooncavecrystals** · 27 Aug 2010, 12:24 AM

I have read all of the info here, but am afraid I am not as skilled as the rest of you :) For instance, what file do the changes need to take place in? Is there a FAQ that takes me through this step by step? I am a kinda step by step girl :)

help please :)

thanks!
Kristi

Thread: change "banner" on welcome and order confirm emails

Thread Tools

Search Thread

Display

Re: change "banner" on welcome and order confirm emails

Re: change "banner" on welcome and order confirm emails

Re: change "banner" on welcome and order confirm emails

Re: change "banner" on welcome and order confirm emails

Re: change "banner" on welcome and order confirm emails

Re: change "banner" on welcome and order confirm emails

Re: change "banner" on welcome and order confirm emails

Re: change "banner" on welcome and order confirm emails

Similar Threads

v150 "Admin Settings" and "Email Welcome" not showing up under Tools Menu

v139h Welcome Emails (HTML format only) missing all letter "n"

How to change text in "Order Confirmation" and "Welcome to our Store" page?

Can I change the "subject" of outbound order-status-update emails?

Deleting "Congratulations!" and "Welcome Guest!" Lines

Posting Permissions