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

Your Time: Our Time:

Sticky menu background colour

Featured Lock Resolved Task
He, I'd like to change the colour of the sticky menu. The main site colour is green, but I want the menu black, with white text.

How do I overwrite the template presets and set the background colour and also the menu text colour?

Ive created custom.css - what are the classes I need pls.


1 Answers


More than a month ago #Permalink
You can find it using the browser code inspector.
Then you can write the code directly in the code inspector to find the right value and see how it looks.
After you have configured everything, you can copy this code and paste it into custom.css.

#sp-logo-wrapper {
background: #000;

Note that after scrolling the class of the section containing the menu changes, which also changes its color.
You need to scroll to the moment when the color changes and with the help of the code inspector find this section.
Also, right in the inspector write the desired property and its value.
If the property does not apply, at the end add the !important.
Copy the result and paste it into custom.css. {
background: #000 !important;

Using the code inspector will help you easily customize everything you want. Use it. And learn css. ;)

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: 113


Total Accepted Answers: 86
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 70
Ofi Khan

Ofi Khan

Total Accepted Answers: 50
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 36




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. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us