How can I add a text gradient to product page titles?

Store Design
1

Hi there, I’m looking to add some text gradients to headers on a product page. I added the custom styling to the “Custom CSS” on the product theme builder template, however, every time I select save, I get a message about being unable to save.

The goal: add a text gradient to an h3 tag on a product page – does anybody has a solution to help achieve this? Many thanks in advance :folded_hands:t3:

Styling:

background: -webkit-linear-gradient(rgb(188, 12, 241), rgb(212, 4, 4)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;

2

Hi @brianbcummings

This is Henry from PageFly - Landing Page Builder App

You can try with this code:

background: linear-gradient(rgb(188, 12, 241), rgb(212, 4, 4));

background-clip: text;

text-fill-color: transparent;

In case the above code doesn’t work, can you send me the page URL so I can check more carefully?

Hope that my solution works for you.

Best regards,

Henry | PageFly