Double border around tables from Confluence to Zendesk Sync | Community
Skip to main content

Double border around tables from Confluence to Zendesk Sync

  • July 8, 2021
  • 6 replies
  • 0 views
M
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

    This topic has been closed for replies.

    6 replies

    Pulkit12
    • Pulkit12
    • July 8, 2021

    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

      Bruce19
      • Bruce19
      • July 9, 2021

      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.
      M
      • Maddy12
      • Author
      • July 12, 2021

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

      John38
      • John38
      • November 8, 2021

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

      Bruce19
      • Bruce19
      • November 9, 2021

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

      Olivier12
      • Olivier12
      • November 10, 2021

      @maddy12

      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;

      }

      Terms & ConditionsCookie settingsAccessibility statement