Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Next challenges

Recent achievements

  • Global
  • Personal

Recognition

  • Give kudos
  • Received
  • Given

Leaderboard

  • Global

Trophy case

Kudos (beta program)

Kudos logo

You've been invited into the Kudos (beta program) private group. Chat with others in the program, or give feedback to Atlassian.

View group

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

Table Cell Background Custom Color

The following confluence issue shows that it should be possible to use custom colors for table rows/cells https://jira.atlassian.com/browse/CONFCLOUD-6482.

I am using the latest version of confluence and can only see 5 light colors. How can I choose a custom background color for a cell/row?

This is an essential functionality and I can't find it.

7 answers

It's a shame that this most basic and trivial feature is open since 2012 - 7 years:

https://jira.atlassian.com/browse/CONFSERVER-27618?_ga=2.48369761.697995897.1547727211-984274686.1547727211

But it's OK: we're locked in to Atlassian, so you can plan the next price increase because "Atlassian puts so much energy" into its products.

5 colors and it's 2019.  When will this be improved?

5 colors? Ridiculous. 

Palette selectors are so futuristic. :P

Like # people like this
1 vote
AnnWorley Atlassian Team Sep 20, 2017

Hi Steven,

The development team considered the ticket you linked to be fixed when they added the 5 light colors. For more, here is the suggestion: More cell highlight colors in Confluence If you comment or vote on it, you will be added to notifications.

In the meantime, I recommend using the Panel Macro to add color to your tables.

Thanks,

Ann

This is ridiculous. Why not have the same colors as available for fonts? 5 colors, some of which are so light I literally do not notice them on my monitor??

Like # people like this

Dammit Atlassian, we are in 2018 not 1996. Surely you can add the rest of the colour spectrum to a table cell. Every table / spreadsheet application known to man has the full colour spectrum. 5 colours is just plain mean. As James has pointed out, on some monitors these light colours are not visible, especially non-HDMI monitors. What is the reason for not allowing more colours? 

Like # people like this

The panel macro could be so very much more useful if you could set panel width and had a free-form style box for applying things like float:right. Then I could use it to put the ToC in a panel that would float to the right side of the content, or things like that. Why limit it so much by only having a few specific css elements?

 

Maybe add the free-form elements under an Advanced expand? I have seen some macros do that.

Ann, the Panel Macro has been deprecated and is not available in the new editor. The advice for setting a background color in the announcement is to use an Info Panel. Info panels have pre-defined colors based on an icon.

There is no add-on in the marketplace that works with Cloud that will let me create a block of color. The only thing I can see that will work in MY case is to upload an image that's a swatch of the color. But that doesn't solve the problem that's in this thread and for which there is no longer any solution at all.

I don't understand why there's only five colors available and that was considered an appropriate solution to the eight year old request.

@Rick Measham, I don't know if you are looking to add custom colors to table cells, but the add-on my team makes Elements Spreadsheet would allow you to create custom colors in cells on Cloud.

I posted an article here on Community to show how it works.

Reading this email thread.

I will take the 5 colors and a native way to add the colors instead of the Panel macro ;)

We are moving lots of our documentation into Confluence (replacing MS Word). So 5 colors is plenty at a documentation point of view. 

For those using Confluence Server, I have found a way to re-purpose the colors they give you.  I didn't like the pastels that Atlassian chose, so I adjusted them using a custom style sheet.  To do this I went to "Space Tools" > "Look and Feel" > "Stylesheet", and added the following:

<style type="text/css">
  table.confluenceTable th.confluenceTh.highlight-green,
  table.confluenceTable th.confluenceTh.highlight-green>p,
  table.confluenceTable td.confluenceTd.highlight-green,
  table.confluenceTable td.confluenceTd.highlight-green>p {background-color:#92d050}
  #table-highlight-group .table-highlight-picker a.highlight-green {background-color:#92d050 !important}
  table.confluenceTable th.confluenceTh.highlight-red,
  table.confluenceTable th.confluenceTh.highlight-red>p,
  table.confluenceTable td.confluenceTd.highlight-red,
  table.confluenceTable td.confluenceTd.highlight-red>p {background-color:#ff5f5f}
  #table-highlight-group .table-highlight-picker a.highlight-red {background-color:#ff5f5f !important}
  table.confluenceTable th.confluenceTh.highlight-blue,
  table.confluenceTable th.confluenceTh.highlight-blue>p,
  table.confluenceTable td.confluenceTd.highlight-blue,
  table.confluenceTable td.confluenceTd.highlight-blue>p {background-color:#65a2ff}
  #table-highlight-group .table-highlight-picker a.highlight-blue {background-color:#65a2ff !important}
  table.confluenceTable th.confluenceTh.highlight-grey,
  table.confluenceTable th.confluenceTh.highlight-grey>p,
  table.confluenceTable td.confluenceTd.highlight-grey,
  table.confluenceTable td.confluenceTd.highlight-grey>p {background-color:#dedede}
  #table-highlight-group .table-highlight-picker a.highlight-grey {background-color:#dedede !important}
  table.confluenceTable th.confluenceTh.highlight-yellow,
  table.confluenceTable th.confluenceTh.highlight-yellow>p,
  table.confluenceTable td.confluenceTd.highlight-yellow,
  table.confluenceTable td.confluenceTd.highlight-yellow>p {background-color:#feff67}
  #table-highlight-group .table-highlight-picker a.highlight-yellow {background-color:#feff67 !important}
  table.confluenceTable th.confluenceTh,
  table.confluenceTable th.confluenceTh>p {background-color:#dedede !important}
</style>

Unfortunately, Confluence Cloud restricts custom CSS.

This seems like a decent solution, except that I don't have "Stylesheet." I only have "PDF Stylesheet." My guess is that only our admin can edit the overall stylesheets.

You are correct that someone with the Space Admin permission must install this stylesheet for you.

Hi Jeff, 

When you say "a Space Admin must install this stylesheet", is the stylesheet a plugin that needs installing? 

I am a Space Admin and under Look and Feel I see 4 tabs only; 

  1. Themes
  2. Header and Footer
  3. PDF Layout
  4. PDF Stylesheet

Like James I don't see Stylesheet. 

Is this for Confluence Cloud or Confluence Server? 

 

Mike

Hmm, I guess I don't know.  I'm new to Confluence.  I'm on Confluence Server version 6.15.1.  Here is what I see:

stylesheet-screenshot.GIF

I would think that if you put the CSS code under "General Configuration" > "Stylesheet", it might also work, but there are limitations to doing it that way, which are that the Space's theme or stylesheet can override it.  That's why I did mine in the Space's stylesheet.

Hi Jeff, 

Right, you are on the Server (physical version of Confluence). I am on the Cloud version. That option doesn't exist for us. 

Thanks for clarifying. 

Mike

Thanks, Mike. Answer has been updated to specify Confluence Server.

I am using Confluence cloud. I don't understand why the colours are limited to just 8 (inc white & grey). We should be able to pick custom colours

Like # people like this

Just adding to the frustration that we are unnecessarily colour-limited.

My solution is to copy-paste my table to google docs, make the changes there, and then copy it back :\

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Posted in Confluence

What do you think is the most *delightful* Confluence feature? Comment for a prize!

- Create your own custom emoji 🔥 - "Shake for Feedback" on mobile 📱 - An endless supply of GIFs via GIPHY 🤩 Is there anything quite as nice as a pleasant surprise? Comment below with what...

408 views 23 8
Join discussion

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