Hello,
is it possible assign different backgroud-colors to different menues?
I have menues on the left side and I´d like to assign different background color to each menu.
Different background-colors in different menues
7 replies
Hi Manfred,
Yes, it's possible. Becuase each menu item has it's own unique ID class name, for example, from 1st link "itemid-243" (check classes in < body > sourcecode ) so you can use to build custom styles (BG color) for those.
But there is "small" problem, we cannot help in customizations. But I can give you useful tip:
.itemid-243 #sp-left .sp-module:first-child {
padding: 140px 60px !important;
background: rgba(208,232,192, 0.9) !important;
}
Now it's your turn.

BTW
You can also create custom class names for modules etc. Anyway... there are few methods to do this.
IMPORTANAT!
As German or EU webmaster please read also this: https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3/google-fonts-and-dsgvo
Hello,
thanks for the very, very fast answer. Where can I find the ID (itemid-243) for the menu or do I have to use every menu-item?
I want to also thank you for the hint of the fonts...
THis is common for all ".itemid-"
but number you can find in Joomla Menu table, last column
or as I said before if you preview source code in < body class=" ....

Do I have to use every menu-item?
No you don't have to. There are also different methods (I mention about two already). But we cannot teach CSS or Joomla basics here, it's beyond typical Joomshaper support. Support Policy.
Hello, thank you for the very fast response. Perfekt.
2nd one was to create a custom Class Name for different variants of this same Menu module, Separate for pink, green, red, yellow etc. It's possible since Joomla 1.5 at least.