Jump to content


Photo
- - - - -

Sticky Footer

css footer sticky

Best Answer James B , 21 December 2012 - 11:49 PM

Hi there,

 

The default setting for the height of a page is 400px. So pages without any content will display as you're describing. You can edit this in css.

 

Just paste the following code into Pagelines>site options>custom code and amend the figure to something you feel fits

 

 

 
#site #page, #site #dynamic-content {

    min-height: 400px;
}

 

Go to the full post


  • Please log in to reply
4 replies to this topic

#1 Tariq

Tariq

    Newbie

  • Members
  • 4 posts
  • Country: Country Flag

Posted 21 December 2012 - 11:52 AM

How do I create a sticky footer?

 

My 404 page, and any other page that does not have content that spans the height of the page, footer is in the middle of the page, and since my footers background color is different from the body background color, it looks like my site has a bandanna.

 

Any suggestions??



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17666 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 21 December 2012 - 01:04 PM

Hi,

 

Can you provide a link to your site please. Also in your profile there is a field that is only visible to moderators, so please add your sites URL there and replace google.com

 

Once we have access to your site, we will be able to assist you further.



#3 Tariq

Tariq

    Newbie

  • Members
  • 4 posts
  • Country: Country Flag

Posted 21 December 2012 - 10:14 PM

Certainly. Here is an example: 

Please Login or Register to see this Hidden Content



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 21 December 2012 - 11:49 PM   Best Answer

Hi there,

 

The default setting for the height of a page is 400px. So pages without any content will display as you're describing. You can edit this in css.

 

Just paste the following code into Pagelines>site options>custom code and amend the figure to something you feel fits

 

 

Please Login or Register to see this Hidden Content

 



#5 Tariq

Tariq

    Newbie

  • Members
  • 4 posts
  • Country: Country Flag

Posted 22 December 2012 - 07:07 AM

Worked like a charm. Thanks!







Also tagged with one or more of these keywords: css, footer, sticky