1-888-365-2779
+1-888-365-2779
Try Now
More in this section

Forums / Bugs & Issues / Making your own css theme breaks page editor

Making your own css theme breaks page editor

3 posts, 0 answered
  1. Vahe
    Vahe avatar
    1 posts
    Registered:
    24 Aug 2011
    22 Jun 2012
    Link to this post
    I made custom template based on my own .master file and made my own css theme on it.
    After that all my page editor breaks and I can't edit dragged items anyway, because edit button is unreachable for me.

    I guess it's breaking, because I made fixed size of my page. So in .master file I have

    <body>
    <div class="page">
    </div>
    </body>

    And in CSS part I gave fixed width to page.

    .page
    {
        width:1000px;
        margin:0 auto;
    }

    P.S. I am working with Sitefinity 5.0.


    Why can I solve this weird issue?

    P.S. I am working with Sitefinity P.S. I am working with Sitefinity 
  2. Tim
    Tim avatar
    258 posts
    Registered:
    22 Jun 2011
    26 Jun 2012
    Link to this post
    Vahe,

    The CSS that you're using for your theme affects all elements in the browser. If you have something that conflicts, you'll need to remove it or add something that will "fix" it while in the page editor.

    .myclass { background-color: red; }
    .sfPageWrapper .myclass { background: none; }

  3. Jen Peleva
    Jen Peleva avatar
    568 posts
    Registered:
    10 Nov 2016
    29 Jun 2012
    Link to this post
    Hello Vahe,

    As Tim properly pointed out, your css declaration affects the page editor, because you're setting your styles to the body, and the backend html is located inside the body. I would recommend you to set your styles to the.sfPageWrapper  class, since the div with class .sfPageWrapper  wraps all your front-end content.

    All the best,
    Jen Peleva
    the Telerik team
    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 Public Issue Tracking system and vote to affect the priority of the items
3 posts, 0 answered