Gradient Text color

[tarekr]

.Hello,

I tried this code on the header of my homepage url: https://tarekrabaa,com

e84343bb5-dbe9-424f-a7a9-0ae4c4ec80c9.x-text {
background:linear-gradient(300deg, #FFCE5D 60%, #FF5F5F 110%);
}

It is changing the color of background and not the header title. How can i change the color of the text only to gradient?

thx

[paul.r]

Hi,

Kindly refer to the link below.

Gradient Text | CSS-Tricks

Hope that helps.

[tarekr]

I succeeded to do it. thx
https://tarekrabaa.com/issues/البرقية-المنقولة-303/

but i got a line height problem.

Before adding the gradient code the title H1 was appearing normally but with the gradient i change the line-height to inherit but when looking at mobile the spacing between H1 line is too much.

[tarekr]

plz help me in resolving the problem of title not appearing completely when i used linear gradient

It was appearing normally before adding the gradient to the text.
When i added this code:
.entry-title{ padding-bottom:7px; } .p-meta{ margin-top:0px; }
I reduced the header font-size thru selector on the post
It works but i am not sure if this is the optimized solution

[rad]

Hi there,

It’s correct, I checked and toggle off that CSS and it still works. And yes, you’ll have to change padding and margins if clipping occurs.

Thanks!