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

Forums / Designing & Styling / Ignore CSS when in layout view

Ignore CSS when in layout view

3 posts, 0 answered
  1. Jean
    Jean avatar
    90 posts
    Registered:
    06 Nov 2008
    20 Oct 2011
    Link to this post
    Hi There,

    I would like to ignore my theme CSS when switching into the layout view of a template. The reason for this is that I limit my header to a certain height, what happens then is that the layout controls gets stacked on on top of another and I can't edit the properties of the control at the bottom becuase the edit button is not visible. Is this in anyway possible?

    Regards,
    Jean Erasmus
  2. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    20 Oct 2011
    Link to this post
    Yeah, I always do somewhat custom CSS for the designer

    If you inspect the html, the BODY tag should have a class of something like sfPageEditor or something (I dont have an instance here to check atm)

    So then just override\fix the styles you want to be different based off of that!

    Example

    Current Style:
    .header{
       height: 200px;
    }

    //so we want to hide it in the designer
    .sfPageEditor .header{
      display:none;
    }
  3. Jean
    Jean avatar
    90 posts
    Registered:
    06 Nov 2008
    21 Oct 2011
    Link to this post
    Hi Steve,

    Thanks for pointing me into right direction, much appreciated.

    Regards,
    Jean Erasmus
3 posts, 0 answered