under-menus in 5 columns as in the demo, how to ?

Hi,
Without any documentation, I can hardly find how you make on the demo a mainmenu with under-menus made of several columns and image as it can be seen here http://demo.gavick.com/joomla25/storefront/
with menu Women
can you please tell me what's needed for that ?
I installed Quickstart but there are no menus configurated this way
thanks for any help

Hello,

In this case you have to use the Extended Menu Params tab in order set 5 columns for the subcontent and you have create a proper structure like:

Parent item
- submenu column title I
- - submenu column content
- submenu column title II
- - submenu column content
- submenu column title III
- - submenu column content
...

Hi, Dziudek
can you tell me what to add to overrides.css in order to change under-menus background color (and text-color if possible) ?
I created an additional class for each under-menu (in admin/menus), but it works only for each link
the background of the entire under-menu stays white
(see attached)
thanks

Please provide me an URL to your website.

I send it PM if possible
regards

Please try to use the following CSS code:

Code: Select all

.menu-stand-parapluie .childcontent {
   background: #ff9600!important;
}

Fine ! it works well
thanks
to change text-color in that under-menu (I'd like white text), I have to create css lines
.menu-stand-parapluie .childcontent a:
and
.menu-stand-parapluie .childcontent a: hover
that's right ?

Hello,

The first selector shouldn't contain the ":" char at the end.

Ok it was an error.
I add the following css at override.css, it works for link color but the a:hover doesn't work

Code: Select all

.menu-PLV div.childcontent a {
   color: #ffffff;
}

.menu-PLV div.childcontent a:hover {
   color: #96043A;
}


Please try to use it with !important

Nope,
unfortunately it doesn't work with !important

Code: Select all

.menu-PLV div.childcontent a:hover !important {
   color: #000;
}


I mean the following code:

Code: Select all

.menu-PLV div.childcontent a:hover {
   color: #000!important;
}

SURE !!!
Why did I write that ? I need holidays.
thanks.

Oups
It does not work whatever.
Would you please check if the css ".menu-PLV div.chilcontent a:hover" is the right thing to write for that change ?
I tried ".menu-PLV ul li div.chilcontent a:hover" with no more success.

The following code should works properly (you need a more specific selector so I've added an ID selector at the beginning):

Code: Select all

#gkExtraMenu .menu-PLV .childcontent a:hover {
   color: #000!important;
}

Yipee !
thanks Dziudek. I couldn't fix it alone.
Have a nice day.