-
Hello,
I need to recreate this design with GB pro and GP pro, and I’d really appreciate an input on how to best approach it:
As you can see, there are multiple SVG elements in the background. The problem is that I want them to behave responsively, so I don’t think that using a single image is a viable option. The page will fill the viewport (100vh). The background is a radial gradient.
Thanks a lot!
-
Hi there,
the simplest method would be to use the Advanced Background option and use different images for the Desktop, Tablet and Mobile. Set them to a pseudo background.
For the Radial Gradient you would need some CSS.
Let me know if you need assistance with that. -
Thanks David!
One last question: is it possible to individually target different “background elements” (pseudo backgrounds belonging to the same container) with effects and with custom css? I don’t see the possibility to add a class to specific background images… This would be helpful, for example, to individually rotate the different elements (with different angles). -
If you have a different pseudo background for each device size: Desktop, Tablet and Mobile.
Then you can create a separate Effect for each specific device size and target the background image. -
I see, thanks for your support!
I’d love to see the ability to add custom css classes to specific advanced backgrounds, in the future.
-
Marked as resolved
-
CSS Classes for advanced backgrounds aren’t actually possible.
As there is only ever one HTML Element eg. the<div class="gb-container">to which the CSS background is applied.Glad to hear it worked 🙂
- You must be logged in to reply to this topic.