left image float overlaps footer

  • Please see here https://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!
    Kerstin

Viewing 4 replies - 1 through 4 (of 4 total)

  • 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;
    color:#333;
    margin:0 auto;
    padding:20px 0;
    text-align: center;
    clear: both;
    float: left;
    }

    Thread Starter kcmartin

    (@kcmartin)

    Worked a treat!! Thank you so much! ??

    Thread Starter kcmartin

    (@kcmartin)

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

    Thread Starter kcmartin

    (@kcmartin)

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘left image float overlaps footer’ is closed to new replies.