sidebar theme problems content not 100% wide

  • 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.

    https://colortude.com/ <— with sidebar

    https://colortude.com/shop/ <— without sidebar

    any help would be greatly appreciated.
    thanks, Laurel

Viewing 9 replies - 1 through 9 (of 9 total)

  • 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;
}
    Thread Starter Laurel54

    (@laurel54)

    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.

    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

    Thread Starter Laurel54

    (@laurel54)

    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;
    }

    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

    Thread Starter Laurel54

    (@laurel54)

    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. ??

    https://pastebin.com/u/Laurel54

    Try using this for your no sidebar template https://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;
}

    Thread Starter Laurel54

    (@laurel54)

    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!!

    Np, glad it worked ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘sidebar theme problems content not 100% wide’ is closed to new replies.