Archived topic
Transparent shapes - possible? Howto
5 replies · Started by Matthias on December 5, 2021
Hi there,
we have a designer currently redesigning our homepage - and got a first draft (made via photoshop) we think looks quite promising.
Now the question is - if this can be done via gp?
I linked an image for you to see.
My main question is about the "transparent shapes" on the sides and in the middle. Sometimes those span different sections. Whatever you might want to call those. Hope you know what i mean. Everything else but those patterns seems quite straight forward to me.
I found pages that use elementor that can do something like that.
In the site library there are some with shapes like that on the left/right side of the page - but none spanning different page sections.
As we use gp - my question is, if this can be done somehow?
Hi Matthias,
This is possible with GenerateBlocks's Shapes but this will definitely need some custom CSS.
This can actually be done w/ just Custom HTML block (containing the SVG shapes) and custom CSS as well.
Depending on what you currently have on the page, the custom CSS will vary but we can help you out with the write-up or rearrangement once you have the shapes up on the site. :D
Thanks for your answer.
Is this a generateblocks basic feature? Or is this part of the pro plugin?
Hi Matthias,
Shapes is a built-in feature of GB Free.
https://docs.generateblocks.com/article/container-overview/#shapes
Thank you.
But - as in my case - custom shapes aren't part of the free plugin - or do i get that wrong?
Ah yes, you can use custom SVG icons in GB free, but in order to use custom shapes, you'll need to install GB Pro.
Can you link us to the image again (the link is no longer available). As Elvin said, it might only need HTML block:
This can actually be done w/ just Custom HTML block (containing the SVG shapes) and custom CSS as well.
