Jump to content

How can i remove this block of space at the bottom of my website?

Recommended Posts

Posted

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!

Screenshot 2023-11-04 at 10.20.40 pm.png

  • Replies 4
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted

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)

Posted
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)

Posted

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.

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.