Revolution RC1, TinyMCE 3.2.7.0. RC1 - how can i use custom CSS ??

Hello,

I have Revolution RC1 with TinyMCE 3.2.7.0. RC1 installed. I use a custom TinyMCE theme because I need tables support.

I need to have the default "Format" options (H1,H2, Adress, etc) removed and replaced with my own custom CSS formatting styles. How can I do that?

Thanks in advance for any answers

i never think that before, good idea!!

but, just try to find the custom list inside any config file, and change it, i will try to help you!!!
but if you find it first just tell me... [ed. note: Ysanmiguel last edited this post 13 years, 3 months ago.]

Ok part of the solution is to do the following.

Go to System > System Settings.

In ’Filter By area’, select ’Rich Text Editor’

In ’Path to CSS’ , put the path to your CSS file. In the example it has a slash at the beggining of the file path,

eg. ’/assets/site/style.css’

But I found the path worked properly without the beginning forward slash, ie:
’assets/site/style.css’

I think there is a way of customising which styles appear, but I havent got my head round that part yet - Im going to make a limited custom CSS file and link to that instead

The full solution that worked for me:
Ok part of the solution is to do the following.

Go to System > System Settings.

In ’Filter By area’, select ’Rich Text Editor’

In ’Path to CSS’ , put the path to your CSS file. In the example it has a slash at the beggining of the file path,

eg. ’/assets/site/style.css’

But I found the path worked properly without the beginning forward slash, ie:
’assets/site/style.css’

After you have done that, find the TinyMCE system settings (you can find that in the drop down on the top-right that is labelled core.

In CSS selectors, add your styles in the following way. If you have a styles called .smallPrint and .largePrint in your css file, add the following:

Small Print=smallPrint; LargePrint=largePrint Use a semicolon to seperate each style name and style class.



Dan