How to change table appearance using CSS
Platform Notice: Data Center Only - This article only applies to Atlassian products on the Data Center platform.
Note that this KB was created for the Data Center version of the product. Data Center KBs for non-Data-Center-specific features may also work for Server versions of the product, however they have not been tested. Support for Server* products ended on February 15th 2024. If you are running a Server product, you can visit the Atlassian Server end of support announcement to review your migration options.
*Except Fisheye and Crucible
This guide is for informational purposes and is not eligible for support from Atlassian. If you have any questions about the information on this page, please reach out to our community at Atlassian Answers for help.
Purpose
You may want to change the look-and-feel of Confluence to match your company's specifications, or to simply look unique. For example, you may prefer a different style for the tables in Confluence. This guide will show you one way to do it.
Solution
Go to Confluence Admin >> Stylesheet >> Edit.
Add the appropriate CSS code and save it.
Change header/highlight row of the table
1
2
3
table.confluenceTable th.confluenceTh, table.confluenceTable td.highlight {
background-color: #000 !important;
}Change all table cells
1
2
3
4
table.confluenceTable td.confluenceTd {
border-color: #DDD !important;
background-color: #333 !important;
}Was this helpful?