Different background-colors in different menues - Forum | JoomShaper
Staff replied Helix Framework

Different background-colors in different menues

Asked by Manfred Hahn 4 years ago Last activity 4 years ago

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.

7 replies

Paul Frankowski Senior Staff
4 years ago · edited

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.

foto_7911_2022.png

BTW
You can also create custom class names for modules etc. Anyway... there are few methods to do this.

Manfred Hahn Asked this

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...

Paul Frankowski Senior Staff

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=" ....

foto_7912_2022.png

Paul Frankowski Senior Staff

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.

Manfred Hahn Asked this

Hello, thank you for the very fast response. Perfekt.

Paul Frankowski Senior Staff

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.

Log in to reply.