Jump to content

Footer no longer transparent with custom HTML

Recommended Posts

Hey everyone, I have an issue with trying to make my sites footer transparent again.

I have this bit of code within the Footer field in my Code Injection advanced section. It successfully made my footer transparent site-wide before the latest update. Now, it no longer works. Silly how a very simple design choice is not able to easily be implemented with Squarespace. Can anyone help me adjust the code to make it work with the latest update, please? Thanks!
Site: https://www.KAJStudio.com/

 

<style>
body.homepage {
    position: relative;
}
body.homepage footer#footer-sections {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
body.homepage footer.sections section, body.homepage footer.sections .section-background {
    background: transparent !important;
}
</style>

 

Link to comment
  • Replies 3
  • Views 556
  • Created
  • Last Reply

Top Posters In This Topic

On 11/26/2022 at 4:10 AM, YebinJantunen said:

Thanks for replying.
Unfortunately, that did not work. I still can't figure it out. My HTML and CSS is very basic and Squarespace code is beyond me.
Any other ideas?

Use this new code

<style>
body.homepage {
    position: relative;
}
body.homepage footer#footer-sections {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}
body.homepage footer.sections section, body.homepage footer.sections .section-background, body.homepage .section-border {
    background: transparent !important;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.