How to use an image for your footer background Squarespace 7.1 // Squarespace CSS Tutorial

Just getting started with Squarespace CSS? Awesome! ๐Ÿ˜ I want to teach you the basics โ€“ grab my free Getting Started Guide here ๐Ÿ‘‰ https://insidethesquare.co/learn
โ€”
๐Ÿฅณ Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): https://insidethesquare.co/partner10
โ€”
๐Ÿ’• Love this free Square space tutorial? You can donate via Paypal to help support my YouTube Channel https://www.paypal.com/paypalme/insidethesquare
โ€”
This tutorial is for Squarespace 7.1 sites, not 7.0. If you are using a 7.0 Brine site, check out this tutorial instead: https://youtu.be/_lyssbIBmp8

Aaaaaand if you have no idea what that means, read up on what version you are using in this article, because it makes a big difference in which codes will work for you! https://insidethesquare.co/theme-families
โ€”

This tutorial will show you how to use an image as the background of your footer in Squarespace 7.1

This tutorial covers both options โ€“ covering every section in your footer or just a few of them. Iโ€™ll give you some creative examples of why you might want both!

Anywho, code is below, and if you have any questions about this tutorial let me know in the comments section.

#footer-sections {background-image:url(โ€˜url hereโ€™); background-repeat:no-repeat; background-size:cover;background-position: center;}
#footer-sections .section-background {display:none!important}
#footer-sections .page-section{background-color:rgba(0,0,0,0)!important}

โ€”
๐Ÿคฉ Ready for more codes? The codes in this tutorial are just the beginning of all the cool things you can do with Custom CSS! When youโ€™re ready to dive in and start customizing, you can use codes from my CSS Cheat Sheet. It has over 30 pages of code snippets and pro tips to help you get started. Download your copy ๐Ÿ‘‰ https://InsideTheSquare.co/css
โ€”
๐Ÿฅณ Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): https://insidethesquare.co/partner10
โ€”
๐Ÿ™‹ Need some help? Visit โ€‹https://insidethesquare.co/code-helpโ€‹ to see my current support options.
โ€”
The term โ€œSquarespaceโ€ is a trademark of Squarespace, Inc. This content is not affiliated with Squarespace, Inc. I just really love their platform โ™ฅ
โ€”
#squarespace #squarespacecss #howto #customizesquarespace #css #squarespacetricks #squarespacehacks #squarespacetips

You May Also Like