Customising Email templates

Hey,

I've gone ahead and got a email template coded. Now the only thing is, I do not have a style.css file in the folder and I see that you are able to add CSS to the email in the Mail tab in General settings.

Instead of a style.css I have a <style> tag found in the top of the index.html. I've tried pasting all of this into the Global Email CSS Styling section in the General Settings but it doesn't seem to work.

Could it be because of these: /* Fonts and Content */

Could I have some assistance?

Please let me know if you require the document or anything!

Thanks!

i'm not sure if this would work, but try putting {literal} before the <style> tag and {/literal} after </style>

i'm not sure if this would work, but try putting {literal} before the <style> tag and {/literal} after </style>

Hey Brian,

Unfortunately I was quite sure what you meant by putting in before the <style> tag and after the </style> tag so I tried doing it in both of the CSS and HTML files and then removed it in the CSS and then removed it in the HTML and added in the CSS. All of these ideas did not work.

Any other suggestions?

you don't need to add <style></style> in Global Email CSS Styling field, try remove this tag and place CSS code only

you don't need to add <style></style> in Global Email CSS Styling field, try remove this tag and place CSS code only

We fixed that up before, so there are no <style> </style> tags in the Global Email CSS Styling Field. We have <style> </style> tags in the HTML with {literal} {/literal} tags before and after the <style> tags aswell. Unfortunately It will still not work. Not sure why.

Could it be because of these: /* Fonts and Content */

did you try removing the comments from the CSS styling section?

also try to add the style sheet inside Global CSS instead of placing it with HTML,

this is not when you try to send to your email? did you test it in Hotmail, Gmail, Yahoo, etc?

did you try removing the comments from the CSS styling section?

Doing that now.

also try to add the style sheet inside Global CSS instead of placing it with HTML,

this is not when you try to send to your email? did you test it in Hotmail, Gmail, Yahoo, etc?

So remove it from within the HTML and just have it in the Global CSS on it's own without the <style> tags?

So remove it from within the HTML and just have it in the Global CSS on it's own without the <style> tags?

yes give it a try

yes give it a try

Hey,

Both of the ideas didn't work?

Any more suggestions?

this might be one of those situations where we need to see your complete css code.

Hello.

Sorry for the late response, I've posted my CSS and the html into pastebin.

CSS:http://pastebin.com/vuKRbVHZ

HTML: http://pastebin.com/FWRgptNN

Here they are!

the code looks fine to me... the problem may lie in how you've entered it into general settings -> mail

you could split it into the following sections...

Global Email CSS Styling: http://pastebin.com/kpdWB87E

Global Email Header Content: http://pastebin.com/bCU1GRRZ

Global Email Footer Content: http://pastebin.com/gfrRLty9

if you do that, you should start seeing emails as per below..

http://prntscr.com/3c113g

remember, that you will need to resend the emails for them to use this new template.

the code looks fine to me... the problem may lie in how you've entered it into general settings -> mail

 

you could split it into the following sections...

 

Global Email CSS Styling: http://pastebin.com/kpdWB87E

Global Email Header Content: http://pastebin.com/bCU1GRRZ

Global Email Footer Content: http://pastebin.com/gfrRLty9

 

if you do that, you should start seeing emails as per below..

 

http://prntscr.com/3c113g

 

remember, that you will need to resend the emails for them to use this new template.

Could you possibly reupload these bits of code?

Thanks heaps!

Could you possibly reupload these bits of code?Thanks heaps!

sure...

Global Email CSS Styling: http://pastebin.com/9WYbR4pT

Global Email Header Content: http://pastebin.com/KgS0f8xd

Global Email Footer Content: http://pastebin.com/UuXxuUuC

i've made these pastebins to not expire!

sure...

 

Global Email CSS Styling: http://pastebin.com/9WYbR4pT

Global Email Header Content: http://pastebin.com/KgS0f8xd

Global Email Footer Content: http://pastebin.com/UuXxuUuC

 

i've made these pastebins to not expire!

Great! Thankyou so much!