Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Footer style request help :)


kxvvywxvvy

Question

6 answers to this question

Recommended Posts

  • 0
Posted (edited)

Hi! You'll need to set the footer to an absolute or fixed position in the Custom CSS section. Try this, FYI this will only apply to the homepage, but if you want it applied everywhere just remove .homepage from it. 

.homepage #footer-sections {
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  width: 100%;
  z-index: 999;
}

If you need help let me know nick@nickscola.com 

Edited by NickScola

 

https://www.nickscola.com - Squarespace developer since 2007 now a full service creative agency in Chicago that focuses on creating websites with a high standard for aesthetic excellence.

Link to comment
  • 0
17 minutes ago, NickScola said:

Hi! You'll need to set the footer to an absolute or fixed position in the Custom CSS section. Try this, FYI this will only apply to the homepage, but if you want it applied everywhere just remove .homepage from it. 

.homepage #footer-sections {
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  width: 100%;
}

If you need help let me know nick@nickscola.com 

Hi Nick!

Thanks for the fast reply.

I tried this but unfortunately it just hides the footer, even if I scroll down, any idea why this is happening?

Thanks!

Link to comment
  • 0
2 minutes ago, kxvvywxvvy said:

Hi Nick!

Thanks for the fast reply.

I tried this but unfortunately it just hides the footer, even if I scroll down, any idea why this is happening?

Thanks!

Ah thats my bad! I totally forgot to apply a z-index prop / value. I've updated the code.

 

https://www.nickscola.com - Squarespace developer since 2007 now a full service creative agency in Chicago that focuses on creating websites with a high standard for aesthetic excellence.

Link to comment
  • 0
28 minutes ago, NickScola said:

Ah thats my bad! I totally forgot to apply a z-index prop / value. I've updated the code.

I've got it working to some degree.

If you check my page now you'll notice the bottom of the page has a random white bar, is there anyway to get rid of that?

Thanks so much for your help

Link to comment
  • 0
12 minutes ago, kxvvywxvvy said:

I've got it working to some degree.

If you check my page now you'll notice the bottom of the page has a random white bar, is there anyway to get rid of that?

Thanks so much for your help

Looks like there's 70px of padding being applied. Remove this: 

main#page { 
  padding-bottom: 0px; 
}

Again, if you want this on the homepage only just add .homepage 

.homepage main#page { 
  padding-bottom: 0px;
} 

 

 

https://www.nickscola.com - Squarespace developer since 2007 now a full service creative agency in Chicago that focuses on creating websites with a high standard for aesthetic excellence.

Link to comment
  • 0
1 minute ago, NickScola said:

Looks like there's 70px of padding being applied. Remove this: 

main#page { 
  padding-bottom: 0px; 
}

Again, if you want this on the homepage only just add .homepage 

.homepage main#page { 
  padding-bottom: 0px;
} 

 

Worked perfectly, you're a genius!

Thank you so much!

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...