Double border around tables from Confluence to Zendesk Sync

Beantwortet

Maddy Ben-Yoseph

• 8. Juli 2021 02:13

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

• Pulkit Pandey

  • 8. Juli 2021 15:37

  Community 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

• Bruce Michelsen

  • 9. Juli 2021 15:59

  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.
• Maddy Ben-Yoseph

  • 12. Juli 2021 17:13

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

• John Brunker

  • 8. November 2021 21:44

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

• Bruce Michelsen

  • 9. November 2021 19:17

  Confluence to Zendesk Sync is an app. https://marketplace.atlassian.com/apps/1217438/confluence-to-zendesk-sync?tab=overview&hosting=cloud

• Olivier Degardin

  • 10. November 2021 10:11

  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;

  }

Post ist für Kommentare geschlossen.