Separate sidebar/widget area

  • Author
    Posts
  • #573661

    aliceheavey
    Member

    Is it possible to, using CSS, makeing the side bar separated from the post area, (like in this blog: baambis.blogg.se)?

    The blog I need help with is pippih.se.

    #573797

    @aliceheavey, your site is really slow loading due to all the images and with my wireless, limited bandwidth internet connection, I can’t really wait for it to load.

    In general, yes this is possible, but it depends on the theme and how things are organized in the markup and in the CSS.

    If you go to settings > reading and reduce the number of posts to show down to say two or three and then report back here after doing that, I will take a look.

    It is always good to keep your site loading fast and to thing of the people with slower internet connections as they might decide to click away and not wait for your site to load. Also, the search engines consider page loading times when calculating search engine ranking and slow loading sites will get reduced page rank.

    #573815

    aliceheavey
    Member

    Ok, at the moment something weird seems to be happening to my blog. I can barely load it myself, and the costum CSS design doesn’t show. But if it’s any help I use 2010. Hope the blog is fixed soon :/

    #573816

    aliceheavey
    Member

    It seems all right now, and I’ve fixed 2 posts per page :)

    #573829

    Give this a try and see what you think. I’ve just made the backgrounds white (#FFFFFF)

    #wrapper {
    background: none repeat scroll 0 0 transparent;
    }
    
    #content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 200px 36px 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    }
    
    #primary {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    }
    #573833

    And actually there is the footer too so add the following.

    #colophon {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: none;
    margin-top: 40px;
    width: 760px;
    }
    #573848

    aliceheavey
    Member

    I’ve tried it out and edited the code a bit, but I can’t seem to understand how to move the sidebar up 32px (-32px).

    #573850

    This will do it.

    #primary {
    margin-top: -32px;
    }
    #573855

    aliceheavey
    Member

    Thank you! :)

    #573991

    You are welcome.

The topic ‘Separate sidebar/widget area’ is closed to new replies.