expanding width of pictures/eliminating sidebar

  • Unknown's avatar
    annerw · Member ·

    How can I expand the width of my photos on the blog? The sidebar (which on my blog is just white space) limits how wide I can make my photos/text. Thanks!
    http://www.katescorner.wordpress.com

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

  • Unknown's avatar
    devblog · Member ·

    Having your posts private is kind of difficult to test the results, but try adding this property/value to your #page selector:

    overflow: hidden;

    And add this selector to your CSS.

    .secondary {display: none;}

    Finally, change the value of #primary from:

    width:620px;

    to

    width: 100%;

    Hopefully, that should do it.

  • Unknown's avatar
    annerw · Member ·

    hi thanks so much!
    i did what you said and the text is cut off/spilling over.
    http://www.katescorner.wordpress.com
    password: [removed]

  • Unknown's avatar
    devblog · Member ·

    Thanks, I will test some more and will post as soon as I have something. In the mean time I will mark this thread and ask a mod to remove your password.

    Moderators,

    would any of you please remove the password in the post above?

    Thanks.

  • Unknown's avatar
    devblog · Member ·

    Annerw,

    Replace your current code with this:

    #page {
overflow: hidden;
padding: 0;
width:900px;
}

#header {
background:transparent url('http://katescorner.files.wordpress.com/2010/03/bugandbean.jpg') no-repeat scroll center center;
}

#primary {
margin: 0;
width: 100%;
}

#primary .entry-content img {
border:none;
}

.hentry {padding: 5px 20px;}

.secondary {display: none;}

    That should do it.

  • Unknown's avatar
    annerw · Member ·

    first, thanks for the password thing!

    well that worked as far as the text getting cut off but now my archives scroll bar thing is missing. any way around that?? thanks!

  • Unknown's avatar
    devblog · Member ·

    From your first post, I thought you wanted to get rid of the sidebar and widen the post column to take up that space…

    If you want to keep the sidebar but still have a wider post column, then I’ll need to make other changes. If this is what you want, let me know before I proceed.

  • Unknown's avatar
    annerw · Member ·

    sorry for the confusion. I want the ability to make my photos/text larger but I would also like to maintain an archives scroll bar if that’s possible?

  • Unknown's avatar
    hallluke · Member ·

    This should expand the width of your post area to fit the centre column while leaving room for the archives drop-down menu above. It should work but as devblog mentioned, we can’t see your photos so it’s hard to tell for sure.

    div#primary {width:840px; margin:45px 30px; padding:0;}
    div.secondary {position:absolute;}
    div.secondary div {margin-top:10px;}

    lh

  • Unknown's avatar
    devblog · Member ·

    No problem, annerw.

    In the code I gave you above, just replace the definition of the “.secondary” selector from this:

    display: none;

    to this:

    position: absolute;

    so it reads like this:

    .secondary {position: absolute;}

    That should do it.

  • Unknown's avatar
    annerw · Member ·

    gosh, i think you’ve done it! thanks so very much for your help!!

  • The topic ‘expanding width of pictures/eliminating sidebar’ is closed to new replies.