How to change table appearance using CSS
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
table.confluenceTable th.confluenceTh, table.confluenceTable td.highlight {
background-color: #000 !important;
}
Change all table cells
table.confluenceTable td.confluenceTd {
border-color: #DDD !important;
background-color: #333 !important;
}