Archived topic
Add radial gradient
1 reply · Started by Kevin on December 23, 2022
Viewing posts 1–2 of 2
Hey, actually i try to get a radial gradient for my container, but there is just the linear one. I saw that Tom wrote inside the GB Community that there is one coming. Is there any EAT or any Hack to get this working?
Best Kevin
Hi there,
it will be something for 2023, but no timeline as yet has been set.
For now you can use CSS.
1. Add this CSS:
.gb-container.has-radial-background {
background: radial-gradient(circle, rgba(190,86,227,1) 0%, rgba(112,120,200,1) 50%);
}Use this tool to create your own gradient:
https://cssgradient.io
2. Add the has-radial-background class to the Container Blocks > Advanced -> Additional CSS Classes field.
if you need it as a pseudo element then we can do that too. Let me know.
This archived topic is closed to new replies.