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... 😞