Styling a ninja table cell added as element in cornerstone

[crosswaychurches]

Hi,
In this page - https://crosswaychurches.org/kgc/kgc-roster-1/, I have added a ninja table using shortcode inside a ‘Text’ element. Is it possible to add CSS style to selected cells in the table.

I tried to style with the following code but it doesn’t seem to work -
document.getElementsByClassName(“ninja_clmn_nm_14_july2019”).style.color = “blue”;

Can you please suggest a solution for this?

Thanks in advnace

[ruenel]

Hello @crosswaychurches,

Thanks for writing in!

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.footable-header .ninja_clmn_nm_14_july_2019{
    background-color: #e5e5e5;
    color: red;
}

tbody tr .ninja_clmn_nm_14_july_2019{
    background-color: #333 !important;
    color: green;
}

I used different colors so that you can easily spot the changes. Feel free to change the appropriate colors that matches your site design.