mephew Posted November 4, 2023 Share Posted November 4, 2023 Hey, on all of my websites pages there is a block of colour at the bottom of the site under the white footer that shouldn't be there and that I am unable to remove. I've worked out that it is being caused by the following code I have placed in the code injection footer section: <svg width="0" height="0"> <defs> <clipPath id="shape01" clipPathUnits="objectBoundingBox"> <path d="m.85.5l.07.03c.12.05.06.22-.06.19l-.07-.02s0,0,0,0l.04.06c.07.11-.08.21-.16.12l-.05-.06s0,0,0,0v.07c-.02.13-.2.13-.21,0v-.07s0,0,0,0l-.05.06c-.08.1-.23-.01-.16-.12l.04-.06s0,0,0,0l-.07.02c-.12.03-.18-.14-.06-.19l.07-.03s0,0,0,0l-.07-.03c-.12-.05-.06-.22.06-.19l.07.02s0,0,0,0l-.04-.06c-.07-.11.08-.21.16-.12l.05.06s0,0,0,0v-.07c.02-.13.2-.13.21,0v.07s0,0,0,0l.05-.06c.08-.1.23.01.16.12l-.04.06s0,0,0,0l.07-.02c.12-.03.18.14.06.19l-.07.03s0,0,0,0Z"> </path> </clipPath> </defs> </svg> If I remove the above code the block disappears but I need this code for the design of the site. I have also worked out that if I change the 'background-color' of the site to white I can recolour this block so it blends in with the footer however I would prefer a better solution as this causes white bars to become visible between the last body section and the footer on pages that are short. Any help would be greatly appreciated! Link to comment
melody495 Posted November 4, 2023 Share Posted November 4, 2023 Hi, maybe there is a way to achieve your design without that code? What does your shape01 do? If not, please share a link to your site so we can check easier. -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Website Developer e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. ☕ Did I help? I like coffee (Thank you) 🧰 See the tools I use (contain affiliate links) Link to comment
mephew Posted November 4, 2023 Author Share Posted November 4, 2023 (edited) Thanks for your reply! I’ve used Shape01 as a clip-path over a shape block. Here’s the site url: https://www.ultrafragola.com.au Edited November 4, 2023 by mephew Link to comment
melody495 Posted November 5, 2023 Share Posted November 5, 2023 15 hours ago, mephew said: I’ve used Shape01 as a clip-path over a shape block. Hi, I can't interpret the clip path. What design are you trying to achieve with this? e.g. a line between sections? a rounded section edge? -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Website Developer e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. ☕ Did I help? I like coffee (Thank you) 🧰 See the tools I use (contain affiliate links) Link to comment
mephew Posted November 5, 2023 Author Share Posted November 5, 2023 Shape 01 appears on my about page, it’s the spinning shape. There’s also a second shape (shape 02) that appears on the homepage intro block – the big spinning shape. 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