Jump to content

Customising Email templates


MasL

Recommended Posts

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!

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

  • 1 month later...
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!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated