Styling 1 letter of a word with gradient text module

Hi,

I’m wanting to style the first-letter of text being used in the gradient text module.

As there is no toggle to switch between visual and text of the gradient text input field, I’m wondering if there’s another workaround to achieve this?

using the css below, I’m able to change other variants of “first-letter” like size, however, I’m wanting to change the colour and remove the back-ground image.

.dsm_gradient_text h1::first-letter {
font-size: 150%;
}

BUT using this, doesn’t have any effect:

.dsm_gradient_text h1::first-letter {
background-image: none;
}

Appreciate any advice or ideas.

Cheers,

The page I need help with: [log in to see the link]