Sticky Footer

5 posts in this topic

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??

Share this post

Link to post
Share on other sites



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


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

Share this post

Link to post
Share on other sites

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;


Share this post

Link to post
Share on other sites

Worked like a charm. Thanks!

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

      By oseehys+
      Hey Guys, i have been having some fun with PL5, on my test site, still learning and trying to master 3 sections a day, am happy the launch has been postponed its for the best lets master it as much as possible.
      But we still gat to eat with DMS for now, so my issue has been on how to reduce my pin pad size in pinspro, right now it display 3 in a row, like the default theme, but i want it to display 4 in a row, if i reduce my screen resolution to 90% it becomes 4 in a row, that is the perfect size, i cant see any css on the forum be able to reduce the size,  so guys please, please this is very important, i need the css to adjust the size, of all the css @Danny has provided on the forum i cant see anyone that focus on the size reduction except on hiding the bottom meta area, mine is just to reduce the size, checkout the images below, the image with 4 rows is the perfect size i crave to have, while the pinpad with 3 rows is what i currently need to change.
      Thanks Guys for your support all this while.
    • Stange footer issue
      By abuzzelli+
      I'm having an issue with a site I'm working on. The widgets in the footer area are showing up wrong on the home page, but look right on the rest of the pages. I tried deactivating plugins that might be causing the issue, but can't figure it out. Any ideas?

    • CSS Hero question
      By janpeeters+
      Hi all,
      I was totally excited to find out about 'CSS Hero' ( I read about it in the compatible plugins section of the PL5 docs ( For me it's a great way to more easily customize my sites because I'm not a CSS pro.
      I'm wondering about one thing though… Does anyone know if using this will result in a heavy penalty on page loading speeds? Would love to start using it but only if it doesn't cost too much in terms of speed.
      Thanks, Jan
    • WooCommerce Checkout page broken under DMS
      By nizami+
      Seem to have fallen foul of a DMS2/WooCommerce issue. 
      All pages display correctly save the WooCommerce Checkout page, which looks like this:
      Help massively appreciated as this is the last blocker before client site launch
    • Footer on Posts & Category's not displaying correctly
      By ccimala1+
      Hello, first time posting in the forum so sorry in advance if I didn't follow a rule properly. Recently just finished building my first site using DMS2 after using PageLines for the past few years. I was able to do everything fine, but I noticed that on any Post or Category pages, the columizer in the footer in not displaying the 4 columns correctly. On all other pages it displays properly. Looking at the generated code, it appears as though one column never gets the div class "span3" which is what is causing the issue. Not sure if I just have a setting wrong somewhere, or anyone else has had this issue.  <- Homepage with footer acting normal <- Example of footer not displaying properly

      Thank you in advance!