ThemeShaper Forums » Power Blog

[closed]

How to cretae a full width no sidebar page

(4 posts)

  1. sober
    Member

    Hi

    I need to embed a 900 px wide google calendar in power blog which is presently blocked by the sidebar. This might be the only page i need without sidebar and I think it is possible via style sheet with page slug. The present page is at http://sober.ws/calendar and please guide me with the css entry.

    Jimmy

    Posted 14 years ago #

  2. sober
    Member

    The page slug is "calendar" and also let me know how to disable page top and bottom widget areas for this page only. I know its like .slug-calendar.page-top{display: none;} but do not know the exact code.

    Posted 14 years ago #

  3. Chris
    Moderator

    Hi Jimmy,

    this should do the job:

    .slug-calendar #sidebar {display:none;}
.slug-calendar #content {overflow:visible;}

    Tested this with Firefox and Firebug. You need to check this against IE whatever, Safari and so on.

    Btw.: I did not change the margin-right setting for #content to keep the 'regular' width for the page top and page bottom widgets. Doesn't look to good if these change to 900 px width on this page :)

    Chris

    Posted 14 years ago #

  4. sober
    Member

    Thanks for the correct entries. I also added the code not to display the page top and bottom widgets. I am entering the entry in case anyone needs it.

    .slug-calendar #sidebar {display:none;}
    .slug-calendar #content {overflow:visible;}

    .slug-calendar #page-top.aside {display:none;}
    .slug-calendar #page-bottom.aside {display:none;}

    here the page slug is "calendar"
    you can see it in effect at http://sober.ws/calendar/

    Posted 14 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.