[Resolved] Add radial gradient

[Kevin]

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

[David]

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.

[Author]

Posts