We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Changing title color to gradient

Featured Lock Resolved Issue
Dear team,

is it possible, to change the helix ultimate title color to a gradient? I found how to change it to another color, at Page Title, but thats not gradient.

So while searching the web i found this

background-image: linear-gradient(top, #ffffff 0%,#000000 100%);

I thought maybe this could do the trick if i put it in my custom.css

.sp-page-title h1, .sp-page-title h1 {background-image: linear-gradient(top, #ffffff 0%,#000000 100%); !important;}

but sadly not. Im not css nor web designer. So may i use the commands simply wrong?

3 Answers

Stefan Hasslinger

More than a month ago #Permalink
yes i did. anyway thank you. I picked out this for me and working wonderful...

.sp-page-title {
background: linear-gradient(to left, #000000, #ffffff);

Paul Frankowski - Staff

More than a month ago #Permalink
sorry, we also do not teach CSS here.
You paid us for Page Builder Pro support, not CSS lessons, right.
Google/Bing research "CSS gradient text" should give you tips like below:

.sp-page-title h1, .sp-page-title, .sp-page-title-heading {
background: linear-gradient(red, blue);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

On Firefox it should works, if class name is OK.

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us