Make pages full width apart from one page

  • Unknown's avatar
    hepsibar · Member ·

    Hi there

    I want to make all the pages of my blog full page width apart from the page “blogging tips and news” – is there any way of doing this?

    Thanks for your help

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    This is the result of clicking your username link:
    susannajonescustomdesignblogs.wordpress.com doesn’t exist
    Do you want to register susannajonescustomdesignblogs.wordpress.com?

    To link your primary blog to your username see here > http://onecoolsitebloggingtips.com/2007/10/06/link-your-username-to-your-blog/

  • Unknown's avatar
    timethief · Member ·

    Re: http://sjcustomblogdesign.com/
    The detailed theme description is here http://theme.wordpress.com/themes/eventbrite-multi/ and you can see if the feature you want is found listed there.

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, you can do this with CSS by excluding the sidebar and widening the main content on the pages you wish to be full-width. You would do that by page ID class. You can find the page ID classes by visiting each page and viewing the source code, or using the web inspector built into your browser, and it will be in the opening body selector. The following takes the sidebar off and widens the content for About, Testimonials, Gallery and Contact.

    .page-id-86 .main-container .container:after, .page-id-74 .main-container .container:after, .page-id-7 .main-container .container:after, .page-id-5 .main-container .container:after {
    background: none;
}

.page-id-86 .sidebar, .page-id-74 .sidebar, .page-id-7 .sidebar, .page-id-5 .sidebar {
    display: none;
}

.page-id-86 .span8, .page-id-74 .span8, .page-id-7 .span8, .page-id-5 .span8 {
    width: 100%;
}
  • Unknown's avatar
    hepsibar · Member ·

    Thanks very much thesacredpath, that worked. Is there a way that I can increase the margins a little either side of the content on those pages? Also to widen the page/get rid of the blank space on the right hand side of the gallery page?

    Thanks again for your help.

  • Unknown's avatar
    hepsibar · Member ·

    Hi time thief, thanks for the advice re having my username link to my blog. I had a couple of redundant blogs, I have now deleted these and changed the settings as you described so that my username links to my blog.

  • Unknown's avatar
    thesacredpath · Member ·

    Try making the following modifications to the one with the “width” declaration, changing the 100% to 93% and adding a 30px left padding.

    .page-id-86 .span8, .page-id-74 .span8, .page-id-7 .span8, .page-id-5 .span8 {
    padding-left: 30px;
    width: 93%;
}
  • Unknown's avatar
    hepsibar · Member ·

    Thanks for your help, looks great now.

  • The topic ‘Make pages full width apart from one page’ is closed to new replies.