• jonathanwylie

    (@jonathanwylie)


    I am editing the theme on my blog and have removed the sidebar to give pages the look of a static page. That worked fine, but my text seems to stop where the sidebar used to be, and I can only presume that is because of the fixed width of the theme. Any suggestions on how to extend my right margin over where the sidebar used to be?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Michael

    (@alchymyth)

    this totally depends on the theme you are using.

    as with all issues concerning css, it would be best, if you could post a link to your site.

    Thread Starter jonathanwylie

    (@jonathanwylie)

    Theme is Satoshi.

    Site is onlinewritingsolutions.com

    Thanks.

    Thread Starter jonathanwylie

    (@jonathanwylie)

    Check out the contact page for what I mean. I am thinking I could do some kind of version of the front page template, but without all the headlines, etc. and maybe just use that because it goes full width and does not use sidebars.

    Michael

    (@alchymyth)

    this style in style.css of your theme sets the width:

    #content { float: left; width: 500px; }

    however, to change this only for your template without sidebar (page.php ?), you somehow need to add a distinguishing css class to the <div id="content"> in this template; for instance something like:

    <div id="content" class="no-sidebar">

    the add a new style to style.css:

    #content.no-sidebar { float: left; width: 100%; }
    Thread Starter jonathanwylie

    (@jonathanwylie)

    Awesome! That did it. Thanks for your help.

    Thread Starter jonathanwylie

    (@jonathanwylie)

    Ok, well that fixed like 95% of my issues, but I found a lingering problem and you can see it here on a portfolio content page.

    https://onlinewritingsolutions.com/portfolio/counting-the-costs-of-cloud-backup/

    Something is still a bit messed up here, but this is the only thing left that does not go full width. Any idea what would solve this?

    Thanks in advance.

    Michael

    (@alchymyth)

    the ‘project’ page seems to have its own template with a div #project-content, whose style is in style.css:

    #project-content { float: left; width: 450px; }

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Editing Theme Width With No Sidebar’ is closed to new replies.