Hello,

I would like to be able to have the title text in the title section (of every post/page) be gold. Is it possible to use CSS (with an image file) to do this universally throughout the site?

I found CSS code to do this at http://www.theblogmarket.co/create-gold-foil-text-with-css/

…………………………………..

To test it, I pasted this text into THEGEM Theme Options > General > Advanced > Custom CSS.

.gold-text {

color:#c3a343;

-webkit-text-fill-color: transparent;

background: -webkit-linear-gradient(transparent, transparent),

url(http://chosen.staging.wpengine.com/canstockphoto0903692/) repeat;

background: -o-linear-gradient(transparent, transparent);

-webkit-background-clip: text;

}

.....................

THEN on a test post (http://chosen.staging.wpengine.com/inspirational-blog/daily-inspiration-january-9-what-is-the-opposite-of-love/ ), I added this to the Page Title > Rich Content Title > Text section:

<p class=”gold-text”>Hoping to Make Header Text Gold</p>

…………………………………..

It doesn't work. Do you have any idea how I can make it work – ideally in a way that universally applies to all my posts and pages?

Thanks so much for your help and for creating a great theme.

Best wishes,

Jennifer

Just to be clearer: I want the Page Title to be in gold letters. (The automated post/page titles in the area below the navigation and logo.) Thanks :)

Hi,

I am using a test gold graphic on my server: http://chosen.staging.wpengine.com/w-peace/self-help-images/2018/07/canstockphoto0903692.jpg   (I put this in the code on the site instead of the blogmarket image.)

Thanks,

Jen

Nevermind. I figured out a solution.

In case anyone else is looking to do something like this, here it is:

.page-title-title {

color:#c3a343;

-webkit-text-fill-color: transparent;

background: -webkit-linear-gradient(transparent, transparent),

url(LOCATION OF IMAGE FILE) repeat;

background: -o-linear-gradient(transparent, transparent);

-webkit-background-clip: text;

}