Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Add a gradient to tables for PDF

I'm trying to tweak the PDF output of our docs, using Space Tools > Look and Feel > PDF Export to tweak the CSS sheet (that I inherited from the previous person in my role).

I'd like to add a colour gradient to our table headers, but I'm not sure if it's supported by Confluence.

This is the table section of our PDF Export Stylesheet, and it's a little old:

/* ============================ Table Config ======================== */
table.confluenceTable {
margin-top: 10px !important;
margin-left: 10px !important;
width: 645px;
background-color: 1px solid #FCEDC7 !important;
border:1px solid #FDEBC1 !important;
font-size: 8pt !important;
table-layout:auto !important;
table.confluenceTable p {
font-size: 8pt !important;
line-height: 100% !important;
table.confluenceTable, table.confluenceTable td {
background-color: 1px solid #FCEDC7 !important;
border:1px solid #FDEBC1 !important;
font-size: 8pt !important;
table.confluenceTable td.confluenceTd.highlight, th.confluenceTh {
background-color: #FDE6B0 !important;
border: 1px solid #FDEBC1 !important;
font-size: 8pt !important;
table.confluenceTable td.confluenceTd.highlight p, th.confluenceTh p {
background-color: #FDE6B0 !important;
font-size: 8pt !important;
table.confluenceTable td.confluenceTd.highlight a, table.confluenceTable td.confluenceTd.highlight a, th.confluenceTh a {
color: #000!important;
font-size: 8pt !important;

(Note, I've never really used CSS directly before, so if there's a redundancy in there, I'd gladly take some recommendations for cleaning it up).

Right now, I am able to change the background and border colour without any issues. For example, going from background-color: #FCEDC7 to background-color: ##2C22BD works just fine, and it shows up fine in the PDF export.

However, I'm not getting any results using background: linear-gradient(0.25turn, blue, magenta).

I've also tried background-image and background-color with no luck.

Can anyone confirm that Confluence doesn't support this, or that I'm just doing it wrong?

0 answers

Suggest an answer

Log in or Sign up to answer
Community showcase
Published in Confluence Cloud

🏠 Say hello to the new Confluence Home!

Hi Atlassian Community, My name is DJ Chung, and I’m a Product Manager on the Confluence Cloud team. Today, I’m excited to share a new and improved version of Home. The new Home helps you ...

42,979 views 30 134
Read article

Community Events

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

Find an event

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

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you