mephew Posted November 4, 2023 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!
melody495 Posted November 4, 2023 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 Nerd 💻 💁♀️ 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. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you)
mephew Posted November 4, 2023 Author 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
melody495 Posted November 5, 2023 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 Nerd 💻 💁♀️ 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. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you)
mephew Posted November 5, 2023 Author 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.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment