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

Your Time: Our Time:

Indigo: change menu gradient colours - custom CSS in Helix not working

Featured Lock Resolved Issue
Hi,

I am trying to change the default gradient colours on the active menu item - the CSS seems obvious, but changing it does not do anything:

.sp-megamenu-parent > li.active > a {
background-image: linear-gradient(100deg, #00d3a7, #02c0d0);
}

If I set my own colours here, and save this in the Indigo template custom CSS section, whilst the CSS code actually changes, the menu gradient stays the same as the standard template.

Any ideas where I need to be setting my own custom gradient colours so that they apply?

Can share a link visa PM if needed ;)

Many thanks,

Chris

1 Answers

Chris

More than a month ago #Permalink
Wow this took some finding via searching the template.css file:

.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before {
background-image: linear-gradient(100deg, #ED1568, #5D5D5E);
}


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110
Sifat

Sifat

Total Accepted Answers: 61
Toufiq

Toufiq

Total Accepted Answers: 47
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 14
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 12

118

Templates

303043

Community Users

Newsletter

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