How to Add a Pretty Footer in Squarespace with CSS (p.s. it’s easy!)

  1. McLean Robbins

    December 2nd, 2017 at 1:08 am

    Did not work 🙁 Nothing happened.

  2. Erin F.

    December 6th, 2017 at 7:47 pm

    Hi McLean – Sorry for the troubles! Shoot me an email at and I can troubleshoot this with you 🙂

  3. Ethan Chin

    June 25th, 2018 at 9:49 am

    Did you ever make it work?

    One downside to using squarespace is that the css classes for elements are not the same across different templates.

    If you use Chrome, what you want to do is right click the area you want to edit (in this as the footer) and choose "inspect". This will bring up a huge block of HTML code.

    Click around until you find the block of code that highlights the entire footer area. Copy the class code for that div and paste that into your CSS. Add your styling and voila!

  4. KaeLeigh

    October 18th, 2018 at 12:08 am

    Thanks for the easy tutorial! I was able to get just a basic color rectangle background to load, per your directions… but for some reason its showing up with a black border line around it (partially). Only on the left and top of my image. I don’t have any other custom css in my webpage (yet), but also dont want to add anything else until i figure this step out (*womp womp*). Any ideas!?

  5. Erin F.

    October 18th, 2018 at 9:24 pm

    Hi KaeLeigh! Sorry for the troubles – For the graphic you used, maybe try sizing it to a larger pixel size. I use Photoshop to do this. I would recommend at least 2000 pixels wide. Otherwise, let me know the link to your site and I can take a look! Erin

  6. Gift

    March 1st, 2019 at 5:52 am

    Hello there your code is working for my website but it’s not the full screen width even I made the photo 2000px wide though. Do you have any further CSS to fix that? my email is

Leave a Reply

Your email address will not be published. Required fields are marked *









©2019 | EverMint Design Studio| All Rights Reserved


get it free