Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

moving side bar?

  1. kaseycaruthers
    Member

    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. devblog
    Member

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

  3. kaseycaruthers
    Member

    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. timethief
    Member

    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. devblog
    Member

    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. kaseycaruthers
    Member

    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. devblog
    Member

    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. kaseycaruthers
    Member

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

  9. devblog
    Member

    I mean you the URL of your image

  10. kaseycaruthers
    Member

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

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

  11. rubengarrote
    Member

    hi

  12. timethief
    Member

    @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