Jump to content

Can you create a corner radius for a footer

Go to solution Solved by MoeTalks,

Recommended Posts

I was able to get the header rounded with the code below. I tried to copy and change it to footer or footer.sections and what is produced was nothing like the header.  I don't know what element I should be targeting and looking in inspect I only see the words fluid-engine with numbers.  I would love to be consistent with the rounded corners but if it can't be done I can go back to being square.  Thanks.

www.moetalks.com

PW 2024.  On the homepage.

.header {
  margin: 0px;
  border-radius: 20px;
  border: 2px solid #FFC0CB;
}
 

Link to comment
  • Replies 2
  • Views 155
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

You can use the section divider: 

image.png.6494a8ac7653dee4e63a922b0a7ff46e.png

Apply the divider to the section directly above the footer.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution

Actually that was not half bad but it did not match the header and made the footer bigger than I wanted and the bottom of the footer was still square but that gave me an idea.  I simply made the background of the footer section white, add a shape to cover the entire footer, added the radius and color I wanted, sent the shape to the back and brought the text forward an now it looks just like the header.  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.