change css space styling for table headers

This page (as well as helpful insights  by other users) was very helpful for changing basic Header styles:

It provides the following helpful starter: 

body {
font-family: Times, "Times New Roman", serif;
font-size: 14px;
.wiki-content p,
.wiki-content table,
.wiki-content tr,
.wiki-content td,
.wiki-content th,
.wiki-content ol,
.wiki-content ul,
.wiki-content li {
font-size: 14px;

But I haven't been able to find explanations for using those styles listed.

Some basic page content that I need to alter syles for are:

1) Table headers and detail rows (I found that .wiki-content tr, and .wiki-content td, both do this BUT for headers and detail rows together. I was not able to split them up).

2) Space footer


Thanks for any ideas.



1 answer

1 accepted

1 vote
Answer accepted

1) Regarding table styling:

  • Header rows can be targerted using .wiki-content th  
  • Additional cell can be targeted with .wiki-content td
  • Only use .wiki-content tr if you want to impact all rows in the table, for instance if you want to force a minimum height.  The td and th elements are nested in tr.

2) For footer, you should be able to use #footer .footer-body

@Stephanie Renfrow We are unable to change the header row other than the font size and border style. We used Adaptavist's CSS Style Sheet macro. We are using Confluence 6.6.1 on Windows 7 PC. Here is the CSS we entered:

.wiki-content th {
font-size: 1.2em;
color: #39016d;
background-color: #00aa00;
border: 3px #fff solid;

.wiki-content tr {
color: #fff;
border: 3px #fff solid;
background-color: #a84000;

.wiki-content td {
border: 3px #fff solid;

Using the above styles, the header row background color and font color do not change. Only the font size and border color are changed. Are there limitations on what can be changed in the header row?

Another problem is all the styles do not carry through to a PDF document using the Scroll PDF Exporter 4.2.1. Using the CSS above only the header font size and the row color are exported.

And finally, NOTHING comes through when using Scroll HTML Exporter 3.7.1. The table reverts to the default styles.

Note: We want to be able to change styles on individual pages and not the entire space. 

Any ideas?

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Mar 12, 2019 in Confluence

Confluence Admin Certification now $150 for Community Members

More and more people are building their careers with Atlassian, and we want you to be at the front of this wave! Important Dates Start the Certification Prep Course by 2 April 2019 Take your e...

1,171 views 2 13
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you