How to implement css for email templates for outlook and gmail?

Hello ,

I create email template in email section of outsystem.But i am unable to apply css for my email template. Because outsystem email template adds its own dynamic id before css class which i given to perticular element.also email template not looks good in outlook. Is there any way to apply css for different platforms e.g like for outlook, for gmail etc...Need your help..thanks in advance...

Hi Bharat,

You can make a new theme, which isn't based on any other theme and put the css that you need in your emails in there.

For the email templates you create a new WebFlow and in the properties of the WebFlow you can set the new just created theme to avoid loading the whole default theme too.

Kind regards,

Remco Dekkinga

I create new theme and apply my new css but it works only for gmail not for outlook.Is there any way to implement css for outlook email templates like in html  we create css for outlook .Plz check the below css for outlook which we can use in normal html emailer template.

<!--[if gte mso 9]>
    <style type='text/css'>
    /* Your Outlook-specific CSS goes here. */
padding-top:20px !important;
   border-collapse: separate !important;
   border-spacing: 0px 8px !important;