I'm wondering how I can remove the text gradient and simply have black text. I'm unsure what I might be missing in the custom.css

<div class="mod-title-wrap"><h3 class="section-title h3 text-gradient aos-init aos-animate" data-aos="fade-up"><span>Learn More about Brennan Harbour RV Park</span></h3></div>
<h3 class="section-title h3 text-gradient aos-init aos-animate" data-aos="fade-up"><span>Learn More about Brennan Harbour RV Park</span></h3>
<span>Learn More about Brennan Harbour RV Park</span>
<h3 class="section-title h3 text-gradient aos-init aos-animate" data-aos="fade-up"><span>Learn More about Brennan Harbour RV Park</span></h3>
<div class="mod-title-wrap"><h3 class="section-title h3 text-gradient aos-init aos-animate" data-aos="fade-up"><span>Learn More about Brennan Harbour RV Park</span></h3></div>

Thanks so much.

Hi @crouton4,
Do you want to remove the gradient effect and turn all text dark?

a month later

Same question for me, i want to remove the gradient text completely. Leave the text white as is.

Hello

If you want to remove the text-gradient class, you can edit this file:

root/templates/ja_trip/html/layouts/chromes/t4section.php

Look for this line of code:

$modTitle = '<'.$headerTag.' class="section-title h3 text-gradient'.$headerClass.'" data-aos="fade-up"><span>'.$module->title.'</span></'.$headerTag.'>';

and remove this class there.

and add this custom CSS rule to override the color:

.section-title-wrap .section-title {
    color: /*your_desired_color_here*/;
}
Write a Reply...
You need to Login to view replies.