Apply CSS Gradient to scaled text in 7.1

Hello, I'm trying to apply a gradient to some scaled text but having no luck. I can do it for regular text (h1, h2, p, etc) by using the following CSS snippet, but it doesn't work for the scaled text. It just disappears. Can you help?

#block {
  background-image: -webkit-linear-gradient(135deg,#FF512F,#FF0076);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

Hi,

Can you share link to page where you use text? We can check easier

2 hours ago, tuanphan said:

Hi,

Can you share link to page where you use text? We can check easier

Sure. It’s https://www.lubbockpride.org/test-page. The text title at the very top is the one I’m trying to gradient. You can see other examples of gradient text in the same page, just not scaled.

On 5/13/2023 at 10:51 PM, tuanphan said:

Add to Design > Custom CSS

span.sqsrte-scaled-text span {
   	background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

Thank you so much!!!