Sparkling footer float bottom

Sparkling
1

Hello guys,

I`m new in the Wordpress world.

I just installed the Sparkling theme, and i would like the footer to stick to the bottom when the article is too short.

I will only use the footer with the copyright information.

Can you please what file and what to modify in it ?

Thank you.

2

Guys i`m still in need of you help.

I tried to put the css code like this, but it gets overwritten somewhere else :frowning:

#footer-area { background-color: #313233; color: #999; bottom: 0;

}

3

Hi @octron,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS


html,
body {
   margin:0;
   padding:0;
   height:100%;
}
html.admin-bar{
     height: calc(100% - 32px);
    height: -moz-calc(100% - 32px);
    height: -webkit-calc(100% - 32px);
    }
#page-footer-area-wrapper{
   min-height:100%;
   position:relative;
}
#page{
   padding-bottom:45px;   /* Height+padding(top and botton) of the footer */
   height:100%; 
}
#footer-area {
   position:absolute;
   bottom:0;
   width:100%;
}

Best Regards,
Movin

4

It worked, thank you very much.

5

You are most welcome here :slight_smile:

6

Thanks,

It worked, but the footer would scroll up on a longer page ending up in the middle of the page.

I changed:
#footer-area {
position:absolute;

to
position:fixed;

The footer is now always floats at the bottom on all pages with or without scrolling.

7

@maximag You are always welcome here :slight_smile: