Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

other background color in one menue item

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hello,
is it possible to change the background color in the moduleposition "banner" in only one mainmenue-position (of course with other content)

If possible, please step by step for dummies :-)
  • MichaelGsdl's Avatar
  • MichaelGsdl
  • 3 Month Basic
  • 30 posts
  • Karma: 0
The administrator has disabled public write access.
Hi,

Do you mean change the background colour for a module position only for one module instance?

If that is the case then you could give the module a 'module class suffix' eg ' mybackground' (include the space before the class) and then in your css

.mybackground {background-color:#000}
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
Sorry, maybe I miss-read. Your post topic regards a menu item, but you talk about module positions?
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
No, you don't miss-read.
I want to show a slideshow under one menue-item.
But this slideshow in moduleposition "banner" should have its own background-color #a0b407

So what should I insert in "Module Class Suffix" of the slideshow module?
  • MichaelGsdl's Avatar
  • MichaelGsdl
  • 3 Month Basic
  • 30 posts
  • Karma: 0
Last Edit: 11 years 6 months ago by MichaelGsdl.
The administrator has disabled public write access.
The name is up to you, it just relates to your css. So if you added a class suffix of

noBackground

your css would be something like

.noBackground {background:none}

Here is the link to the joomla docs on how to use a the module calss suffix

docs.joomla.org/Module_Class_Suffix

Regards,

Rob
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
I've given the Module Class Suffix walwaertsClass with space before the class

in ths css/template.css:

/* Custom Styling */
.waldwaertsClass {background-color:#A0B407}

but the color of the banner background do not change

Is this the wrong way to change the background-color of the module position "banner"? (I only want to change the color of the banner-background in on menu-section
  • MichaelGsdl's Avatar
  • MichaelGsdl
  • 3 Month Basic
  • 30 posts
  • Karma: 0
The administrator has disabled public write access.
The css probably needs to be more specific.

Do you have a link to your site so we can take a look?
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
www.muw-informativ.de

The background-color of the slideshow in the menue-section "Waldwärts Online" should have another color, not the grey which it has yet
  • MichaelGsdl's Avatar
  • MichaelGsdl
  • 3 Month Basic
  • 30 posts
  • Karma: 0
The administrator has disabled public write access.
I'm not seeing a module class suffix for your slideshow module on that page.

After seeing the site I am also not sure this is the right option as the colour behind the slideshow is not part of the module output but built into the template.

I think you will have to give your menu item a page class suffix and then use

.walwaertsClass #bannerwrap {background:#A0B407}
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
somthing is still missing

I have given the page class waldwaertsClass (with and without lesding space) to the menu item "Waldwärts Online"
and wrote at the end of css/template.css

/* Custom Styling */
.waldwaertsClass #bannerwrap {background:#A0B407}

But slideshow-backgroundcolor do not change
  • MichaelGsdl's Avatar
  • MichaelGsdl
  • 3 Month Basic
  • 30 posts
  • Karma: 0
The administrator has disabled public write access.
Hi,

There is no template.css file loading on your page??

You can add your line to the bottom of the templates theme.css or add it to a new stylesheet and upload it to your templates user folder (so it doesn't get wiped out on an upgrade) and it will work.

/templates/jbstandard/css/theme.css

Regards,

Rob
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.
Now it does what I wanted.
Thank you.
  • MichaelGsdl's Avatar
  • MichaelGsdl
  • 3 Month Basic
  • 30 posts
  • Karma: 0
The administrator has disabled public write access.
No problem, glad you got it working!
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers