Recent searches


No recent searches

Double border around tables from Confluence to Zendesk Sync

Answered


Posted Jul 08, 2021

Hello there!
 
When I sync a document from Confluence to Zendesk, I run into an issue where I get a double border on tables - and I have two questions from this:
  1. How do I avoid the extra border in my Zendesk CSS? 
  2. Can I always add a break or paragraph space after a table? The example below shows a table with no break between it and the next header.

This issue is very similar to another Zendesk community post, but I was unable to troubleshoot easily: https://support.zendesk.com/hc/en-us/community/posts/360051611373-Inline-CSS-properties-are-removed-from-a-table-in-Guide-upon-publishing-the-article


0

6

6 comments

image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Maddy Ben-Yoseph

Please add the following CSS at the bottom of your style.css file

.article-body td {
border:1px solid #ddd;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

Let me know if it solves your issue

Thanks 

Pulkit

1


Your second issue may be due to

  • a soft-return after the table.
  • no padding or margin above the heading.
  • no padding or margin after the table.
    Typically, Confluence tables have .confluenceTable or .table-wrap as classes. You could set a margin above and below the table by adding .table-wrap {margin: 8px 0;} to your CSS.

0


Thank you both so much! This fixed my issue - appreciate the help.

0


Can you share a link to the Confluence integration documentation. I'm not finding that anywhere. Thanks.

0


Maddy Ben-Yoseph

To fix your issue, add those personalized rows at the bottom of your style.css file:

.article-body table {

border-collapse: collapse;

border-spacing: 0;

}

.article-body table tr td {

padding: 5px;

}

0


Post is closed for comments.

Didn't find what you're looking for?

New post