Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

How to customize css styles used by HTML editor fields?

valerie_gallot
Giga Expert

Hi,

We use TinyMCE editor for HTML fields. I would like to customize the styles that are proposed there, but I don't know where is the CSS that defines tehse styles...

The Wiki says that styles can be overridden by editing the themes.css but I can't find this style sheet.

Any help is appreciated !

Valérie

7 REPLIES 7

sach1
Tera Guru

Under Content Management>>Design>>Style sheets



You can find all the style sheets.


I used these style sheets for our CMS portal, but I cannot locate there the styles that are proposed by default by the TinyMCE editor :


- header 1 to header 6


- paragraph


- address


- preformatted...


Where are those defined?


I created a new style sheet (under Content Management>>Design>>Style sheets), and I'm able to use it by adding manually in the HTML field :


<link href="<sys_id>.cssdbx" rel="stylesheet" type="text/css" />


(BTW : thanks to this valuable post on sncguru: How to Use Custom CSS style sheets in non-CMS pages !!)



BUT


What I'm trying to do is to customize the styles that are proposed in the HTML editor!


In the wiki, it is written:



"Styles declared by HTML fields may be overridden by CSS declarations in the themes.css file that styles the entire instance. "


But how to do that???


For information, after asking SN support, there isn't any simple way to do that... 😞