Scroll Viewport - custom.css - style for single td

Follow

Kirstin Ebeling

December 15, 2021 09:08

I try to color table cells with own css styles located in custom.css. I use source editor in confluence datacenter editor to place my custom style in table cell like this:

...
<tr><td class="kkar_legend_green">
text
</td></tr>
...

where "kkar_legend_grenn" is the defined style in "custom.css". But if I call the page with Scroll Viewport the class - Attribut is overwritten with class="confluenceTd".

Is there a way to color table cells with own css - classes? If not, is there another way?

0

• 

  Amit Kapoor December 16, 2021 16:46

  Hi Kirstin,

  You should view the HTML source code instead (using browser's Developer Tools - F12), pinpoint the HTML line and add CSS corresponding to it in the space's/viewport's CSS.

  -Amit

  0

  Comment actions Permalink
• 

  K15t Team December 16, 2021 16:56

  Hi Kirstin,

  Thanks for posting this question. To give you the best possible answer, could you first elaborate on what you're trying to achieve with your own CSS classes?

  As you might know, Confluence offers a way to color table cells using the table options in the editor. Is your goal to define your own colors?

  Cheers,

  Laura

  0

  Comment actions Permalink
• 

  Kirstin Ebeling December 17, 2021 06:57 (Edited December 17, 2021 06:58)

  If I use the color table cell function in confluence editor the cells are colored in confluence but not in k15t ScrollView. Curiously my custom style class is available, if I color table cell in confluence. As you can see in my screenshot there is a color-style registered in each table cell but cells 2 to 5 are not colored in Scrollview.

  

  And this is the confluence view

  

  0

  Comment actions Permalink
• 

  K15t Team December 20, 2021 12:58

  We can only guarantee proper support for Confluence styles and macros when using our out-of-the-box Help Center Theme. There, it should be perfectly possible to apply the table function from the Confluence Editor to color your table cells.

  If you happen to use our Help Center Theme, please get in touch with us via support on help@k15t.com so we can have a closer look at your Viewport and see why the Confluence table configurations aren't visible there.

  When using a custom developed theme, there are lots of variables in your custom code that can interfere with how Confluence tables are displayed in the Viewport output. To exclude your custom code as the root cause of the cell color problem, we always recommend testing out your space content with a fresh new copy of the Web Help Theme.

  0

  Comment actions Permalink

Please sign in to leave a comment.