MoeTalks Posted May 10 Share Posted May 10 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
Ziggy Posted May 10 Share Posted May 10 You can use the section divider: 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! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Solution MoeTalks Posted May 10 Author Solution Share Posted May 10 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment