Applying a separate stylesheet to a loaded WYSIWYG page in CMS

Most of the websites I create at work are developed by Business Catalyst , a smart content management system.

Recently, I have had some difficulties with several website owners who accidentally destroyed their website, considering it too complicated to update, etc.

The WYSIWYG editor is rather small, and this leads to the fact that the content is often crumpled. This can be a problem for many obvious reasons. Style sheets are applied in the WYSIWYG area, which means that something often happens that only works in the context of actually viewing the website.

I want to know if there is an easy way to load another stylesheet for content in the WYSIWYG area. Thus, I can greatly simplify the appearance, and thanks to this the editing experience, with a more advanced and attractive stylesheet used on the website.

Is it possible? I thought I could make my CSS rules like this:

iframe div#myElement

Because the WYSIWYG editor loads the page through an iframe. But that did not work.


This visual of the WYSIWYG editor itself may be useful:

enter image description here

+5
source share
2 answers

You can set custom CSS content used by the WYSIWYG editor under PP > Tools > Online Editor Settings > Content CSS.

. this thead Business Catalyst.

+3

"! important" CSS, , WYSIWYG. . tr {border: 0 !important}. Btw TinyMCE.

+1

All Articles