How to customize table headers using CSS?

[Alicja Mostowik]

Hi All,

I am working on customizing the Confluence looks according to company's standards, however, I am encountering a little difficulty.

I have been trying to customize the tables looks, and succeeded to some extent (so in fact no success). My table needs to look like on a template attached (main thing is to have header row and header column with blue background and white, bold font), and in order to make it look like this both on page and in exported PDF file I need to customize the formatting of the default Confluence header column and row.

So far my CSS formatting for table is as follows (it works for making first column and row formatted as needed, but Confluence headers are not applied here):

.wiki-content table,

.wiki-content tr,

.wiki-content th {

    color: #696969;

    font-family: Roboto Light, sans-serif;

    font-size: 14px;

    line-height: 150%;

    table-align: center;

}

.wiki-content td:nth-child(1) {

    background-color: #0071ce;

    color: #ffffff;

    font-family: Roboto Light, sans-serif;

    font-size: 14px;

    font-weight: bold;

    line-height: 150%;

    vertical-align: middle;

}

.wiki-content tr:nth-child(1) {

    background-color: #0071ce;

    color: #ffffff;

    font-family: Roboto Light, sans-serif;

    font-size: 14px;

    font-weight: bold;

    line-height: 150%;

    vertical-align: middle;

}

Could anyone please help me as to how to add CSS customization for formatting of default Confluence header row and column?

Thanks for any help!

Kind regards,

Alicja