Gradient Color Usage

[Ahsan_Iqbal]

Hi, I want to use the gradient colour for the headline. please let me know how can I use it.

[Martin]

Hi @Ahsan_Iqbal,

this is possible with some custom CSS.

First you add the CSS to Asset Manager </>

.text-color-gradient {
 background-image:linear-gradient(90deg,yellow,red);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

You can adjust the linear-gradient parameters, this is just an example.

Next, you add the CSS class to the headline element:

At the end, you can enjoy your text color gradient:

[Ahsan_Iqbal]

Thanks for your guidance

[Martin]

You can also add more colors e.g. linear-gradient(90deg,yellow,#fff,blue,red);

and you can use hex color codes.

[Ahsan_Iqbal]

Thanks, I used it.