Different Background-colors In Different Menues - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Different Background-colors In Different Menues

MH

Manfred Hahn

Helix Framework 3 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.

0
7 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58680

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.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58681
0
MH
Manfred Hahn
Accepted Answer
3 years ago #58687

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58689

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58690

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.

0
MH
Manfred Hahn
Accepted Answer
3 years ago #58692

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58695

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.

0