How to override css styles in CMS pages (added with TinyMCE)?

[keiichi]

I need to override some css styles for content added with TinyMCE.

like, font-size, color, margin etc.

Thankyou

[keiichi]

anyone??

Thankyou

[rocky]

You should edit the styles in the /* global RTE fields */ section of global.css. If you need to override those styles for a specific element, click the HTML button in the TinyMCE toolbar, then add code like the following to the appropriate tag:

style="color: blue"

This will make just that element blue instead of whatever is defined in global.css.

[keiichi]

Ok, I get the idea.

But I was hoping to use some kind of class in the global css like this:

.importantTitle {
    font-size: 20px;
    color: #fff;     
}

and then from the "styles" menu in TinyMCE just select the style to be applied.

That way yo can say to a client:

"Use the importantTitle style for something you want to show a really important"...

BTW Thankyou Rocky!!

[rocky]

I did a quick Google search for how to add items to the "Styles" dropdown in TinyMCE. It seems you just need to add your .importantTitle style to global.css, then edit the TinyMCE configuration to add that style to the "Styles" dropdown. I can't figure out how to do this though. I'll let you search and try to figure it out, so I can answer other questions on the forum.

[keiichi]

Sure Rocky, thanks again for the help.

If I came up with a solution I will post how to solve it.

[Boonyawat]

Any solution to this? I have been looking to do exactly this as well.

 

Thank you