Styling with the WYSIWYG editor

[seadhna]

Hi there,
a couple of questions about the WYSIWYG editor (CK Editor). I never really use it so am not very familiar, but a non-techie asked me this and I couldn't figure out if it's possible:

Is it possible to style a bullet item with a class? I see how to style a DIV or to style a link or to style an entire list <UL> or <OL> but can't see how to style an individual list item.

Secondly, we have absolutely positioned items on some pages - these are not visible in the CK editor because of their absolute positioning (negative right positioning). Is there any way to 'switch off' the website stylesheet in the CK Editor so that absolutely positioned items are visible without having to click on 'Source'?

[seadhna]

Hi, is there any way to hide a div by ID in the WYSIWYG editor? I've tried adding a display: none style to the CKEditor stylesheet but it doesn't work...

[datahell]

Create the css class below and put it in your template's css file:

.invisible { display:none; visibility:hidden; }

Now, on whatever element you want to be invisible apply that css class.

<p class="invisible">Some hidden text in here.</p>

[seadhna]

Thanks. My original attempt now works - a cache issue with the stylesheet I guess.