How to change table appearance using CSS

Still need help?

The Atlassian Community is here for you.

Ask the community

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

  1. Go to Confluence Admin >> Stylesheet >> Edit.
  2. 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;
}
Last modified on Feb 26, 2016

Was this helpful?

Yes
No
Provide feedback about this article
Powered by Confluence and Scroll Viewport.