change css space styling for table headers

[Mordechai Cikk]

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

https://confluence.atlassian.com/doc/styling-fonts-in-confluence-174751968.html

It provides the following helpful starter: 

body {
font-family: Times, "Times New Roman", serif;
font-size: 14px;
}
.wiki-content,
.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.

Mordechai

[StephR · Accepted solution]

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

[Kris Fininen]

@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?