Gradient on text

At a glance

The community member is new to Webstudio and is trying to figure out how to apply a gradient to text. The comments provide the CSS code to achieve this, and another community member confirms that it can be done in the visual builder. However, the community member then runs into issues trying to apply a gradient to a border, and the discussion turns to the challenges of working with advanced CSS features in a visual editing environment. While there is no explicitly marked answer, the community members share their experiences and provide some helpful suggestions.

Useful resources

LLaetitia M

Hello,
I'm new to Webstudio, I'm starting to find my bearings on the basics (I come from wordpress and divi), I have a question how do you make a gradient on text. I've tried adding CSS to the text but I can't find all the settings. Thank you in advance for helping me :-). There's a way to do it natively where I add CSS

16 comments

BBogdan

Plain Text

  background-image: linear-gradient(#eee, #333);
  background-clip: text;
  color: transparent;

OOleg Isonen

you can do this in the visual builder, the only thing you need to get elsewhere is the gradient itself

LLaetitia M

Thanks for writing the CSS, I've seen where it is in the visual builder and how to set it up.

LLaetitia M

Hello, I'm having trouble with the very basic Css aspects of the configuration. I want to put a gradient on a border. I can't find the border-image? Thanksr the border

BBogdan

Attachment

LLaetitia M

oh yes thank you 🙂 sorry I'm having trouble finding my basic Css 🙂

JJBozo

me too :), but support here is really good

OOleg Isonen

actually a quite advanced css feature that wasn't even widely supported just a few years ago, lets not call it basic

LLaetitia M

Yes, you're right, a lot has changed since the css. On the advanced at times I have a little trouble finding things. When I say basic, I mean sorry. In any case, it's great and I can't wait to see how it evolves.

OOleg Isonen

Its incredible what we can do today with CSS

OOleg Isonen

just getting that power fully into a visual editing environment is going to be our goal for years to come

LLaetitia M

Hello, re
I've set my gradient, now I want to set a radius except that the border radius is applied to the background that I've set to white and not to the border. I'm having trouble understanding.

Attachment