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

This widget could not be displayed.

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
Atlassian Summit 2018

Meet the community IRL

Atlassian Summit is an excellent opportunity for in-person support, training, and networking.

Learn more
Community showcase
Published Jul 30, 2018 in Confluence

How Manon Soubies-Camy uses Confluence + Trello to organize webinar notes and her knitting stash

@Manon Soubies-Camy is an engineer who has been an avid Atlassian user since 2014. She helps companies of all sizes transform the way they work with the Atlassian stack, including Jira and Confl...

861 views 8 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