Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Sidebar and Footer have swapped places

  1. craigswatton
    Member

    My blog is at http://snowcorps.co.uk/

    Before I bought the CSS upgrade I added the following small tweak to remove the title bar and increase the size of the title image in the Freshy theme by Julian De Luca:

    #title_image {
    text-align:left;
    display:block;
    height:226px;
    background:url(http://stompit.files.wordpress.com/2008/10/header.jpg) center center transparent repeat-y;
    margin:0;
    }

    #title {
    background:url() top #7F7F7F no-repeat;
    height:0;
    }

    html>body #title {
    height:0;
    }

    It worked in the preview so I purchased the CSS upgrade.

    When I implemented it though the sidebar and footer have swapped places (see widgets at bottom of the page). I've tried removing the additional CSS code and saving that but whilst the title and title image go back to the original theme, the alignment of the sidebar/footer are still out.

    I'm aware there is no official CSS support but if anyone has any suggestions on how to correct it, it would be much appreciated!

    Thanks

  2. craigswatton
    Member

    If it makes any difference, I've been back and the pages work fine, it's only the blog where the alignment isn't right

  3. teck07
    Member

    I’m sorry there is nothing the talented forum volunteers can do to help
    you with this matter. You’ll need to contact support for this matter.
    http://wordpress.com/contact-support

  4. teck07
    Member

    Never mind my above post I just noticed that this is a CSS matter.
    Just so you know there is NO official CSS support here.

    The best I can do for you is tag this thread with CSS Help
    & see if someone that knows CSS stops by to help out.

  5. boejank88
    Member

    #title_image {
    text-align:left;
    display:block;
    height:226px;
    background:url(http://stompit.files.wordpress.com/2008/10/header.jpg) center center transparent repeat-y;
    margin:0;
    }

    #title {
    background:url() top #7F7F7F no-repeat;
    height:0;
    }

    html>body #title {
    height:0;
    }

    It worked in the preview so I purchased the CSS upgrade.

    When I implemented it though the sidebar and footer have swapped places (see widgets at bottom of the page). I've tried removing the additional CSS code and saving that but whilst the title and title image go back to the original theme, the alignment of the sidebar/footer are still out.

    I'm aware there is no official CSS support but if anyone has any suggestions on how to correct it, it would be much appreciated!

    Thanks

  6. raincoaster
    Member

    We need a link to your blog, starting with http. Without that, we cannot help.

  7. raincoaster
    Member

    We need a link to your blog, starting with http. Without that, we cannot help.

  8. vivianpaige
    Member

    Have you considered that it has nothing to do with the CSS? Have you looked at this FAQ for possible other causes? http://faq.wordpress.com/2008/05/30/why-is-my-sidebar-at-the-bottom-of-my-posts/

  9. craigswatton
    Member

    Thanks Vivian :-)

  10. vivianpaige
    Member

    Sometimes, the answer is an obvious one :) Glad to help.

    And please consider linking your user name to your blog. Go into your dashboard -> users -> your profile -> then scroll down to 'contact info'. In the spot where it says 'website' fill in the address of your blog and save the changes.
    Now... when you comment here and on other blogs, your name will link to your blog. If you do this before you post your request for help, it will allow forum volunteers to be able to help you quicker since they won't have to ask you for a link and wait until you come back to post one.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags