How to make the table border bold in knowledge base

By default, tables on the Knowledge Base site use a thin, light border. If you want thicker or differently coloured borders across all tables in your knowledge base, you can override the default table styling using Custom CSS. The change applies globally to all tables on the site.

When to use custom table borders

• Improve readability: a thicker border makes cell boundaries clearer, especially in dense data tables.
• Match your brand: use a border colour that aligns with your knowledge base's visual style.
• Increase contrast: a darker or more prominent border helps readers distinguish rows and columns at a glance.

Quick reference

Replace 3px with your desired border thickness and #000000 with your desired colour (hex code or CSS colour name).

table td, table th, table tr {
    border: 3px solid #000000 !important;
}

How to customise table borders

1. In the Knowledge Base portal, go to Settings > Knowledge base site > Custom CSS & JavaScript.

2. Select the CSS tab and paste the following snippet:

table td, table th, table tr {
    border: 3px solid #000000 !important;
}

3. Update the values to match your requirements:

   • Replace 3px with your desired border thickness.
   • Replace #000000 with your desired border colour (hex code or CSS colour name, for example #e63946 or gray).

4. Click Save.

Outcome

Before

After