adding a CSS style to the wysiwyg

8 posts by 2 authors in: Forums > CMS Builder
Last Post: August 18, 2010   (RSS)

By jarvis - August 18, 2010

Hi all,

Really hope someone can help! Within the wysiwyg editor I noticed a style called Address. I thought it'd be great to add my own style testimonial for my client site.

I've therefore tracked down the 2 files I believe need editing:
/cmsAdmin/3rdParty/tiny_mce/themes/advanced/editor_template.js

I altered this from:
theme_advanced_blockformats:"p,address,pre,h1,h2,h3,h4,h5,h6",
To:
theme_advanced_blockformats:"p,address,testimonial,pre,h1,h2,h3,h4,h5,h6",

/cmsAdmin/3rdParty/tiny_mce/themes/advanced/skins/default/ui.css
And added this:
.defaultSkin .mce_testimonial span.mceText {color: #EC8002;}

After this line:
.defaultSkin .mce_address span.mceText {font-style:italic}

However, the new style doesn't show once I upload the files and refresh my browser.

Any ideas?

Thanks in advanced!

jarvis

Re: [jarvis] adding a CSS style to the wysiwyg

By northernpenguin - August 18, 2010

Jarvis: Have you tried clearing the browser cache?
--
northernpenguin
Northern Penguin Technologies

"Any sufficiently advanced technology
is indistinguishable from magic."
........Arthur C. Clarke

Re: [northernpenguin] adding a CSS style to the wysiwyg

By jarvis - August 18, 2010

many thanks for the reply. I did try that but still couldn't see the newly added style. Will keep trying though!

Thanks

Re: [jarvis] adding a CSS style to the wysiwyg

By northernpenguin - August 18, 2010

Weird. I have made changes (addon) to TinyMCE and after some minor issues it always did work. I may try this myself and see what gives!
--
northernpenguin
Northern Penguin Technologies

"Any sufficiently advanced technology
is indistinguishable from magic."
........Arthur C. Clarke

Re: [northernpenguin] adding a CSS style to the wysiwyg

By jarvis - August 18, 2010

That would be helpful! I assume it is only these 2 files which need altering?

Cheers

Re: [jarvis] adding a CSS style to the wysiwyg

By northernpenguin - August 18, 2010

Jarvis: Have you tried add a custom css which extends the theme content CSS?

This may be useful: http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/content_css
--
northernpenguin
Northern Penguin Technologies

"Any sufficiently advanced technology
is indistinguishable from magic."
........Arthur C. Clarke

Re: [jarvis] adding a CSS style to the wysiwyg

By northernpenguin - August 18, 2010

Found it!

Go to your CMSB folder and find file /lib/wysiwyg.css

That should get you started. You may have to also edit /lib/wysiwyg.php

Ragi
--
northernpenguin
Northern Penguin Technologies

"Any sufficiently advanced technology
is indistinguishable from magic."
........Arthur C. Clarke