Elxis CMS Forum

Support => Elxis 4.x/5.x DEV => Topic started by: seadhna on August 28, 2014, 15:27:14

Title: Styling with the WYSIWYG editor
Post by: seadhna on August 28, 2014, 15:27:14

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'?

Title: Re: Styling with the WYSIWYG editor
Post by: seadhna on December 23, 2014, 13:56:16

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...

Title: Re: Styling with the WYSIWYG editor
Post by: datahell on January 06, 2015, 12:28:36

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>

Title: Re: Styling with the WYSIWYG editor
Post by: seadhna on January 21, 2015, 13:06:21

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