CSS styling for HTM table doesn't work

(1) Share

Report

Posted on by pl25

Hi All,

I have an issue with the output of an HTML table in a Mail.

The basis of the table is the body of an filter array with custom columns, code looks like this.

The CSS in the compose step looks like this:

<style>

table {
border-collapse: collapse;
width: 100%
}
th, td {
border: 1px solid black;
text-align: center;
}

</style>

Iv'e put the compose before the HTML table in the mailing step.

But the table still comes out looking like a normal HTML table.

I've also tried to put the HTML output directly into the Compose step as well as writing the CSS code in the mail step, but the output of the table always looks like shown in the image above.

Does anybode have any idea why the styling doesn't work in this case?

Thanks in advance!

Categories:

General topics

I have the same question (0)

All responses (2)

Answers (0)

VictorIvanidze 13,073 on at

Like (0)

Report

Try to use inline styles instead of style block.

Was this reply helpful? Yes No
RobElliott 10,323 Super User 2025 Season 2 on at

Like (1)

Report
I assume you mean that you're not getting any borders. In case it helps, this is the css inside the compose action that I use for one of our emails:

<style> table { border: 1px solid #1C6EA4; background-color: #EEEEEE; width: 75%; text-align: left; border-collapse: collapse; } table td, table th { border: 1px solid #AAAAAA; padding: 3px 2px; } table tbody td { font-size: 13px; } table thead { background: #1C6EA4; border-bottom: 2px solid #444444; } table thead th { font-size: 15px; font-weight: bold; color: #FFFFFF; border-left: 2px solid #D0E4F5; } table thead th:first-child { border-left: none; } </style>

The result of that is:

And the flow looks like this.

Rob
Los Gallardos
If I've answered your question or solved your problem, please mark this question as answered. This helps others who have the same question find a solution quickly via the forum search. If you liked my response, please consider giving it a thumbs up. Thanks.

Was this reply helpful? Yes No