More in this section
Forums / Designing & Styling / Prevent CSS in Page and Template Editor

Prevent CSS in Page and Template Editor

The forums are in read-only mode. In case that you want to directly contact the Progress Sitefinity team use the support center. In our Google Plus group you can find more than one thousand Sitefinity developers discussing different topics. For the Stack Overflow threads don’t forget to use the “Sitefinity” tag.
3 posts, 0 answered
  1. Troy Benedict
    Troy Benedict avatar
    37 posts
    29 Apr 2009
    09 Mar 2016
    Link to this post

    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.

  2. Sabrie Nedzhip
    Sabrie Nedzhip avatar
    534 posts
    17 Aug 2017
    14 Mar 2016
    Link to this post

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

    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.

    Sabrie Nedzhip
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
  3. Jochem Bökkers
    Jochem Bökkers avatar
    787 posts
    13 Aug 2007
    06 May 2016
    Link to this post
    Just for future reference, Sitefinity wraps its page editing layouts (header and sidebar) outside of the 

    <div class="sfPublicWrapper" id="PublicWrapper">

    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:

    //Page editing:
    <body class="sfPageEditor zeContentMode">
    //Template editing:
    <body class="sfPageEditor sfTemplateEditor zeContentMode">

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

    Hope it helps.

3 posts, 0 answered