Need help? Check out our Support site, then


moving side bar?

  1. Hi all,

    I have purchased the CSS upgrade and would like to move my sidebar from the right side to the bottom of the screen to free up some space. Can someone walk me through this process?

    Thank you, thank you, thank you in advance.

    Kasey
    http://kaseycaruthers.wordpress.com

    The blog I need help with is kaseycaruthers.wordpress.com.

  2. You need the CSS upgrade for that. Do you have it?

  3. Yes. I purchased the upgrade, and have tried a code from another discussion topic I found that sounds like my problem but with no results. It's highly possible I'm just not doing it right and was hoping someone could help me out.

    Thanks!!

  4. Hello Kasey,
    You may want to read this post of devblog's before he returns to help you. http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

  5. Paste this code in your CSS Editor. This should be the only code there:

    #wrap {
    clear: both;
    padding: 10px;
    overflow: hidden;
    width: 900px;
    }
    
    #header {clear: both;}
    
    #content {
    padding: 0;
    width: 100%;
    }
    
    #sidebar {float: left;}

    I widened your contents to 900px but there are some photos that still are cropped (Marc and Wendi, for instance). I would highly recommend you to not post photos wider than 850px. Marc and Wendi's are 1024px wide.

    Having said that, if you still want to keep these dimensions, then change 900px (in the #wrap selector) to at least 1100px so that these photos are displayed properly.

  6. Oh devblog, if I knew you I would hug your neck! Thanks for helping me out. I was getting beyond frustrated.
    Now if you know how to mess with my header (add photos, or at least center the text) I won't bother any of you again... that's probably a lie! But I would be grateful!!

  7. Think nothing of it.

    To add an image background to the header and center its title, you'll need to modify the "#header" selector to something like this:

    #header {
    background: transparent url(PATH-TO-YOUR-IMAGE-HERE) 0 0 no-repeat;
    clear:both;
    text-align: center;
    }

    The image background should have these dimensions: 900px width by 100px height.

  8. When you say 'path to your image here' what does that mean?

  9. I mean you the URL of your image

  10. I thought I did that. I'll try again.

    THANK YOU!!!! so much for your help and advice.

  11. hi

  12. @ubengarrote
    Welcome to wordpress.com :)

    You will quickly discover that the wordpress.com technical support forums are for posting either questions or the correct answers to support issues pertaining to wordpress.com software and it's use.

    If you persist in posting pointless comments like the one above then you will risk being perceived to be a spammer, an annoyance, a member whose forum posting ability ought to be removed. I'm sure you don't want that to happen.

    If you wish to chat click the link in the left side bar on the front page of the forum for the Off-Topic forum http://en.forums.wordpress.com/forum/off-topic If you wish to promote your blog click the link in the left side bar on the front page of the forum for the Showcase Forum http://en.forums.wordpress.com/forum/showcase forum.

    Happy blogging!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags