Making 3 column Twenty Eleven template 2 column on a per page basis

Featured Theme Forums CSS and PHP Making 3 column Twenty Eleven template 2 column on a per page basis

This topic contains 5 replies, has 2 voices, and was last updated by  sunny sangster 1 year, 7 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #13424

    sunny sangster
    Participant

    Hi,
    I’m using your 3 Column child theme for Twenty Eleven. http://50.22.11.33/~endpain
    I want to be able to change some pages to the original 2 column view. How do I do that?
    Also (let me know if I should create a different post for this one) I can’t hide the nav bar on my welcome/home page and I wasn’t sure if it was because of my theme?
    I’ve been trying this custom CSS:
    .page-id-295 #nav {
    display: none;
    }
    Thanks sooo much for your help!
    ~Ss

    #15260

    Zeaks
    Participant

    .home #access should hide the navigation on your homepage, you have the right idea using custom CSS. Using FireBug you can find the body class of the page you want to change.

    Here’s an example, this should hide the left sidebar on the health and healing yoga page
    .page-id-93 .extra-sidebar { display: none; }

    You will probably need to increase the content area after doing that as well

    #15261

    sunny sangster
    Participant

    Hi Again,
    Thanks for your quick reply! I added the .page-id-93 .extra-sidebar { display: none; } to my .css file but it didn’t change anything on my page. (http://50.22.11.33/~endpain/?page_id=93) Did I do something wrong?
    Also I’m not sure where I should add .home #access to hide the nav bar on my home page? It’s actually called Welcome and it’s the static page, so my “home” page is actually a normal page. If that makes sense?
    Thanks again for your help!
    ~Sunny s

    #15262

    Zeaks
    Participant

    Using Firebug you can find the proper body class and other classes for your site. Here’s an article on how to use it if you don’t already knwo how http://zeaks.org/2010/how-to-firebug

    All CSS should be added to the bottom of the css file as well, to make sure it overrides the current CSS.

    #15263

    sunny sangster
    Participant

    Hi,
    I’ve sorted out the nav bar issue, but adding the .page-id-93 .extra-sidebar { display: none; } to the bottom of my CSS file is not working. Any suggestions?
    Thanks,
    Sunny s

    #15264

    sunny sangster
    Participant

    I have more pages that need 2 columns then 3 columns so I thought I’d change the default layout to 2 column (content on the left) and try something different for my 3 column pages but it didn’t work. All the widgets showed up down below and there was not a sidebar.
    Please help!
    Thanks,
    Sunny s

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.