WordPress.org

1. Laurel54
   Member
   Posted 9 months ago #

   Hi all,
   I'm updating a webpage.
   I have a theme with a right sidebar. I have a few pages that I would like to remove the sidebar.

   I have created a new .php page and have removed the sidebar. I am using this as a second theme within the first theme with this code:
   <?php /* Template Name: New Template Name
   */ ?>

   It is working as far as removing the sidebar. The problem I am having is that the content still thinks the sidebar is there and will not stretch across the page.

   http://colortude.com/ <--- with sidebar

   http://colortude.com/shop/ <--- without sidebar

   any help would be greatly appreciated.
   thanks, Laurel

2. zeaks
   Member
   Posted 9 months ago #

   Try changing the width here to 958px

   .art-contentLayout .art-content {
       border: 0 none;
       float: left;
       margin: 0;
       overflow: hidden;
       padding: 0;
       position: relative;
       width: 766px;
   }

3. Laurel54
   Member
   Posted 9 months ago #

   thanks, I tried that and it worked for the pages that I do not want the sidebar on. But.. it took away the sidebar on all the pages, even the pages that I had the sidebar on. So I reverted back for now.

4. zeaks
   Member
   Posted 9 months ago #

   If you created the page template, then you can add a class to it just for that page. EX:
   <div class="wide-page"> page loop </div>

   Then just use the above, but add .wide-page before it

5. Laurel54
   Member
   Posted 9 months ago #

   this is in my css but yet is does not seem to work:

   .art-contentLayout .art-content
   {
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 766px;
   }
   .art-contentLayout .art-content-wide
   {
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 957px;
   }

6. zeaks
   Member
   Posted 9 months ago #

   it would probably be .art-content-wide .art-contentLayout but I'm not seeing the class in the page source. Could you link your page template on pastebin.com

7. Laurel54
   Member
   Posted 9 months ago #

   Thanks for all you help zeaks, I just want to get this template issue fixed so I can do what I know how to do. :)

   http://pastebin.com/u/Laurel54

8. zeaks
   Member
   Posted 9 months ago #

   Try using this for your no sidebar template http://pastebin.com/cepti9ZS

   then use in your CSS
   

   #wide-page .art-contentLayout .art-content {
       border: 0 none;
       float: left;
       margin: 0;
       overflow: hidden;
       padding: 0;
       position: relative;
       width: 766px;
   }

9. Laurel54
   Member
   Posted 9 months ago #

   OMG it worked!! I change the width to 100% in the above css that you gave me. Thank you SO much. You made my day!! Cheers!!

10. zeaks
    Member
    Posted 9 months ago #

    Np, glad it worked :)

Reply

You must log in to post.