-
Hi,
I am having a lot of issues with shapes. Not sure if it’s because they are different in 2.0 and I don’t know how to use them well yet or if something is buggy. I cannot always successfully add them. When I add them I do not always get access to the shape library, it will take me to the svg icons instead.I have one in the footer right now that I was able to add. But the background is white instead of transparent. I want to overlap it with on top of the last container of each page – which can vary in color.
It looks fine on pages that are white at the bottom (like the home page) but this page for instance https://ziperase.fresheggs.biz/command-center/ has a color.
I tried duplicating is but still have the same issue. I tried deleting it but cannot add a new shape as it won’t take me to the shape library – only the icons (this happens on any page – not just in an element). I am using it in the footer element across the whole site.
Thanks for your help.
-
Hi there,
But the background is white instead of transparent
You have a global style or CSS class
wave-top, which set its background color to white.I see that you’ve set the svg’s background color to transparent, it will not do anything. As the svg is on top of other elements, it will show the
wave-top‘s background color.You need to either set the
wave-topor the shape block’s background color tovar(--surface-10)on the page in question. -
AH! Thanks that helps. I had too many things going on.
I am trying to get the curve to overlap the last container on the page so that that strip of white doesn’t show. I have a negative margin but it will only overlap as far as you see on this page. https://ziperase.fresheggs.biz/patents-certifications/
What else can I do?
-
I don’t think it’s possible.
You will have to change the shape’s background color per page.
- You must be logged in to reply to this topic.