Prevent CSS in Page and Template Editor

Is there a way to prevent style sheets from being applied when using the Page and Template editors?  

While the CSS looks good on our pages, it doesn't work so well when trying to add content controls or widgets to the page.  This seems to really impact controls that are fixed to the very top and very right side of the template/page.  

For example, the "edit" option which is above and to the right of each control/widget is off-screen, or obscured by the right control list overlay.  

I'm using Sitefinity 8.2.

Hello,

The issue you are experiencing might be related to the issue described in the below KB article:

http://www.sitefinity.com/developer-network/knowledge-base/details/responsive-design-rules-are-always-applied-when-editing-pages-in-the-backend

What I assume is that you may have responsive design rules created in our project. if so, these rules will be applied when you edit the pages in the backend. What I can suggest is that you try to re-size the browser's screen until you can see the Edit buttons of the widgets dropped on the page.

If you are not using responsive design rules in your project, you can just delete the rules that are already created. Then the rules will not be applied when editing the page in the backend.

Regards,
Sabrie Nedzhip
Telerik

Just for future reference, Sitefinity wraps its page editing layouts (header and sidebar) outside of the 

So always try and keep your styles scoped within this.

As a work around for layouts breaking editing functionality if you're not using the default responsive rule-set Sabrie is referring to when editing Sitefinity adds a class to the body:


You can use these classes to hide/alter certain design elements that may interfere with the default editing view.

Hope it helps.