Gold Foil Effect CSS

[Rouille71]

Hi,
I am trying to do the Gold Foil effect on a Headline element on my website, I am using this method. But I am not sure how to implement this with the $el code you have on your theme.
This is the code and am already referencing the image on the library:

.gold-text {
color:#c3a343;
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent),
url(http://xbureau.net/private-sound/wp-content/uploads/2021/12/Gold_Low_Res_01.jpg) repeat;
background: -o-linear-gradient(transparent, transparent);
-webkit-background-clip: text;
}

But is not creating the desired effect.
Can someone help me?

The instructions to do this I found it on this page:

Create Gold Foil Text with Only CSS

Thanks
Rouille

[marc_a]

Hi @Rouille71,

Thanks for reaching out!

You can use something like this one.

$el{
color:#c3a343;
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent),
url(http://xbureau.net/private-sound/wp-content/uploads/2021/12/Gold_Low_Res_01.jpg) repeat;
background: -o-linear-gradient(transparent, transparent);
-webkit-background-clip: text;
}

Only if it doesn’t help, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Hope that helps.

[Rouille71]

Thanks Marc_a,
I just added the information to access the files and the name of the page
Appreciate your help
Rouille71

[tristup]

Hi @Rouille71,

The code should be added to the $el .x-text-content-text-primary selector. I went ahead and modified the code added and now the CSS is working fine.

Thanks

[Rouille71]

Looks amazing!!!
Thanks for your help
Rouille71

[tristup]

Hi @Rouille71,

Glad that we are able to help you.

Thanks