left image float overlaps footer (5 posts)

  1. kcmartin
    Posted 6 years ago #

    Please see here http://www.persistingstars.com/contact/

    I kind of understand why this is happening but cannot figure out how to "push" the footer to the bottom where it belongs. I know that filling in enough text next to the image will achieve that but this page will not have that much text. I have searched the forum but unable to find a fix that works for me.

    I am creating this site for a friend and want it to be perfect for her :)

    Thank you!

  2. @mercime
    Volunteer Moderator
    Posted 6 years ago #

    Open your theme's style.css with text editor, find #footer and add the following declarations clear: both; and float: left; like so:
    #footer {
    border-top: 0px solid #666;
    width: 760px;
    margin:0 auto;
    padding:20px 0;
    text-align: center;
    clear: both;
    float: left;

  3. kcmartin
    Posted 6 years ago #

    Worked a treat!! Thank you so much! :)

  4. kcmartin
    Posted 6 years ago #

    Arrrggghh .... I don't know what happened! But now the footer is all screwed up. No longer centered, nor at the bottom on the blog, and the text decoration and link colors are completely wrong. I don't even know where it gets those colors from??

    I was working on my sidebar images and had not touched the footer. And I have scanned the code so many times now that it's become one big blur and I have no idea what I've done to screw up the footer.

    Can anyone help please?

    Thank you!

  5. kcmartin
    Posted 6 years ago #

    Ok, I figured it out! It was the sidebar div, not sure why it caused the footer to screw up but it's fixed again! Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic