Recent searches


No recent searches

How to change the color of Table Cells in Articles?

Answered


Posted Jul 12, 2021

Is it possible to change the color of table cells within the article without coding? And if so, how would you go about it, since the table drop down in the article doesn't give you an option to change the cell color.


0

8

8 comments

image avatar

Ifra Saqlain

Zendesk LuminaryMost Engaged Community Member - 2022Most Engaged Community Member of The Year - 2021Community Moderator

Exactly, you will have to add CSS in-line or at the Stylesheet to change the cells colour.

I don't think there is a way to change table cells colour without code.

0


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Kat Thorson

Just follow the below steps to add background color on the Table Cell using the Editor You don't need to add a CSS for that 

I am adding the short video which helps you to achieve what you want 

https://youtu.be/mRRy23gws6w 

Let me know if it solves your issue

Thanks 

Pulkit

0


I don't have this Advanced Tab in the Table Properties.

Any idea why not? I'm an admin.

0


PS: same for Cell Properties :

0


image avatar

Dane

Zendesk Engineering

Hi Fran,
 
For this option to appear, you need to change your help center security permissions to allow unsafe HTML.

0


I tried setting the table background color with an Inline style such as: 

<table style="background-color: #dcdcdc;

This renders as expected in the WYSIWYG editor. However, when I preview the page the background color is not there. When I inspect the page the table style noted above is absent from the HTML.

Is this also because I have to change the help center security permissions to allow unsafe HTML?

Edit: I briefly checked off "Display unsafe content" and my background-color property rendered as expected on the published preview article. I guess I'll have to create new CSS table class.  🙁

0


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Ronald
Can you please give a try to update the background Color as shown on the video I have shared the video link below

https://youtu.be/mRRy23gws6w

Thanks
Pulkit
Team diziana

0


Pulkit Pandey Thanks for your reply but that will not work for me as I don't have the setting "allow unsafe HTML" enabled. I tried doing this by directly editing the article's code, adding an Inline style for the table property background-color, but that didn't work either as it appears to be essentially what I would have been doing with the "Advanced" table options shown in your video.

Not sure why a background-color table property would get lumped in with the ability to execute unsafe code, seems like there should be a more precise way to prevent specifically malicious unsafe code. When I have some time I'll try creating a new table class in the CSS file.

0


Please sign in to leave a comment.

Didn't find what you're looking for?

New post