Jump to content

CSS, How to Add Footer Middle Block

Recommended Posts

Site URL: https://www.emilykeatingsnyder.com/

Does anyone know how - or have custom CSS code - to add in a footer middle block?

I thought all Brine family templates had top, middle and bottom footer blocks, but I'm in Clay and do not see a middle option.

I would like to add a newsletter block to my footer and have it appear next to the footer navigation. Any tips or hacks would be great! Would like it to look like footer in image. Thanks!

Screen Shot 2022-09-26 at 17.12.40.png

Link to comment

Hi @emilyks can you share the Squarespace website URL of the website that you're working on? (and sitewide password if it is not live) Thanks!

You are correct about the top middle bottom sections on Brine family templates, and I'm not sure why it would not be an option for you.

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

It looks like the footer middle is hidden and with a -20px margin.

image.thumb.png.893b9c24eadef68dc2582ff79c2c6c3f.png

I'm not sure if this has been done in the Style menu or in Custom CSS, but should be fixable. Try looking through the Style menu for all the footer settings or looking for .tweak-footer-layout-columns .Footer-middle { margin: -20px; } in the Custom CSS, and temporarily removing it to see if you can now edit the Middle Footer.

Here are some potentially helpful links:

Footer navigation links: Display in the site footer. Are styled with Footer: navigation tweaks.

https://insidethesquare.co/squarespace-tutorials/split-column-footer-brine

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

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.