moving side bar?

  • Author
    Posts
  • #479545

    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.

    #479744

    devblog
    Member

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

    #479769

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

    #479778

    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/

    #479789

    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.

    #479841

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

    #479847

    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.

    #479984

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

    #479985

    devblog
    Member

    I mean you the URL of your image

    #479988

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

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

    #479989

    rubengarrote
    Member

    hi

    #479990

    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 https://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 https://en.forums.wordpress.com/forum/showcase forum.

    Happy blogging!

The topic ‘moving side bar?’ is closed to new replies.