[resolved] How to add a footer that stays at the bottom of the page and not throughout? (4 posts)

  1. Emi
    Posted 2 years ago #

    I had posted this before, but still did not get an answer that works and I recall reading that topics without replies have a higher chance of being seen and also told not to bump so yeah :/ As I'd really like to fix the credits and copyrite for the layout, I really want this fixed ASAP.

    Blog: http://www.crystal-dreams.us/
    Theme: http://grabatheme.com/grab/sail-on-sailor/
    I'm looking to add a footer that extends along the bottom (either the same length as the header or along the entire site) to put the credits for the layout and copyright (centered)... however, the only ones I can get to work either aren't at the bottom of the layout or they ARE at the bottom... but it's ALWAYS at the bottom when you scroll rather than just being at the bottom of the layout (Like a header is always at the top/just at the top, I want a footer just at the bottom--not to follow along with scrolling).

    I do not want a footer that is constantly visible as I scroll down the page... I just want a normal footer at the bottom.

    Past topic so I don't get the same suggestions:

  2. Maria Antonietta Perna
    Posted 2 years ago #

    Hi Emi,

    I could see that your theme doesn't have any styling for the footer, that's why it's not where it should be. Besides, there's no content there, which makes it hard to spot. Here's a snippet that should fix the problem:

    #footer {
        background: #0000FF;
        clear: both;
        padding: 1em 0;

    The CSS rule that makes the footer stay at the bottom is the clear:both rule. I've also added a bit of padding and a blue background color to make it visible. However, the background color is up to you. Let us know if it worked for you.

  3. Emi
    Posted 2 years ago #

    Hi! ^_^ That worked perfectly--thank you SO much <3

  4. Maria Antonietta Perna
    Posted 2 years ago #

    You,re very welcome,I'm so glad it worked!

Topic Closed

This topic has been closed to new replies.

About this Topic