Column class

Apply custom CSS to a CF table column.

Overview

The CSS rule was not applied because the stylesheet was not loaded on the frontend page.
Ensure your custom CSS is loaded on the frontend page, either by adding it to the site's main CSS or by using a CSS block directly on the CF page.

Answered
kk kkurtz 30 Nov, 2018
I have specified a Columns Class as Contacts.name:cc6-cell-cls. Then in my CSS I have tried several ways to write the class rule
first as
.cc6-cell-cls{
color:red !important;
}
then as
.ui.table td.cc6-cell-cls{
color:red !important;
}
When I look at the page source the table cell shows the class as "cc6-cell-cls" but the text color is not red.

Either I have written the rule incorrectly or my class is being ignored.

Where am I going wrong?
Karen
he healyhatman 30 Nov, 2018
Have you actually told that CSS to show on your page?
kk kkurtz 30 Nov, 2018
It is the main CSS for my site. Is there something else I need to do?
he healyhatman 30 Nov, 2018
Answer
If you're looking at it in the preview / backend view, then it won't show up because it will be using the standard backend template. Otherwise.... Check your page's html make sure the CSS is ACTUALLY showing up. Could also just use a CSS block on your CC page.
This topic is locked and no more replies can be posted.