Jump to content
  • 0

Task and Trigger HTML email CSS


roattw

Question

Couple questions about Task/Trigger sending of HTML emails.

I was able to insert a results table into the email (using the Set Table Variable) option.  Tryng to apply some styling to thaat table is a bit clunky.  I can apply some CSS to a few elements but not others.  I think the Microsoft built-in Outlook CSS clashes.  For example, in one of the emails received I can see my custom CSS addedd via <style> in the Task HTML, but the Microsoft <style> also appears in the View Source.  Even adding !important doesnt hav emuch effect on some elements.

I added this code using <style> in Task:

caspio-task-css.thumb.png.307d1d001639c5d37f493ee8d14c884e.png

 

In the received email the emails View Source shows my CSS and also shows the MS Outlook CSS.

caspio-task-css2.png.7a7b323099fc5fb167b2bbdee2bd4b0f.png

Interestingly, the only CSS of mine that would apply was the table width, th header color, and th/td padding.  No other applied custom css would be honored.

Assume these is no css reset for Outlook.

Also, if you send an email Task as HTM L, and the user has thier email set to text-only, I would presume they then see my custom CSS <style> code?

 

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Hi @roattw

Could you specify which exact CSS properties you are not able to redefine?
I was able to set width, text alignment, padding, borders, background, align-content.

I can see you are using align-content property, but it is applicable only to flex containers. So you would need to add display:  flex  property to your td,th elements

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.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   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.

Loading...
×
×
  • Create New...