I setup a CSS font class:

#demoFont { text-decoration: none; font-style: normal; letter-spacing: 2px; font-weight: 700; font-family: Verdana, Geneva, sans-serif; font-variant: small-caps; text-transform: none; font-size: 12px; color: #56cb00; word-spacing: 2px;
}

https://www.screencast.com/t/l7me8yvjYE

The CSS class is set in the style.css of the child theme, I tried as well to include it in the custom CSS of the wpDataTable itself, no luck.

I tried without the # and name the class as .demofont but still nothing.

Any ideas?

Hello Milan,

I added the following CSS code under Custom CSS

.demofont { text-decoration: none !important ; font-style: normal !important ; letter-spacing: 2px !important ; font-weight: 700 !important ; font-family: Verdana, Geneva, sans-serif !important ; font-variant: small-caps !important ; text-transform: none !important ; font-size: 12px !important ; color: #56cb00 !important ; word-spacing: 2px !important ; }

and then created a rule with "Set cell CSS class" to demoFont (no # or .)

If it's what you meant. But it didnt work.

Do you need credentials to try this for yourself? Or have you got any other idea?

Hold on!!! F(*#$ing CSS is case sensitive :)

It works. Thanks.