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!