Forums

Typography.css styles drop down, not working in Tiny MCE editor

Permalink
Hi

For some reason my styles aren't appearing in the TinyMCE editor styles drop down. The typography style sheet lives in the root directory of my theme and i'm linking to it using:
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('typography.css')?>" />


I have another site i'm building using C5 and i have no problems, the only difference i can see is one is built using HTML 4 and the one i'm having problems with is in HTML 5.

Has anybody else encountered this problem ?

My c5 version is 5.6.1

Thanks in advance.
 
adajad replied on at Permalink Best Answer Reply
adajad
Make sure you have edited the Rich Text Editor settings to 'Custom' in /index.php/dashboard/system/basics/editor/.

Also, you need to edit some information in the TinyMCE settings that will show up when you set TinyMCE to custom.

In the line below (which you will find among the TinyMCE settings) 'Note' is the name of the style that will show up in the drop down, while 'ccm-note' is the class name in typography.css you will use when chosing 'Note'.
theme_concrete_styles: "Note=ccm-note",

Edit and add your own styles:
theme_concrete_styles: "Address=myAddressClass,Phone=myPhoneClass,Funny=myFunnyClass",


I hope this helps.

Edit: Also you should upgrade to 5.6.2.1
xxjames1975xx replied on at Permalink Reply
Thanks for the reply, i haven't needed to carryout your suggested method in the past is it because of the version i'm using or the theme being built in HTML 5 that i'm having these issues.

I will try your suggested method shortly.


I just carried out your suggestion and that has fixed the problem,

many thanks for your help
planist1 replied on at Permalink Reply
planist1
When you view the website, does it have a valid link to the typography.css file?
xxjames1975xx replied on at Permalink Reply
Yes the stylesheet url path is ok, I managed to fix the issue with Adajad's suggestion :)