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: 

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

 

1 answer

1 accepted

1 vote
Accepted answer

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
Posted Oct 24, 2018 in Confluence

Atlassian Research opportunity with Confluence templates

Do you use templates with Confluence? Take part in a remote 1-hr workshop. You'll receive USD $100 for your time!   We're looking for people to participate in a   remote 1-hr workshop...

1,114 views 17 14
Join discussion

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