Color in multilevel submenus

hovmedia
23 Posts
hovmedia posted this 11 May 2017

Hi!

There are settings for menus and submenus in Themler, but can I add a new color it I use a multilevel submenu?

The first level is white, then dark on next level. Some categories have a third level that I would like to give a third color.

See page:

http://dinturbutikk.no/butikk/

Hi! There are settings for menus and submenus in Themler, but can I add a new color it I use a multilevel submenu? The first level is white, then dark on next level. Some categories have a third level that I would like to give a third color. See page: http://dinturbutikk.no/butikk/
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 11 May 2017

Hi,

There is no such option. You can set the color manually using the custom code.

Sincerely,
Hella

Hi, There is no such option. You can set the color manually using the custom code. Sincerely, Hella
hovmedia
23 Posts
hovmedia posted this 11 May 2017

Do you have any desctiption on how I edit it?

Do you have any desctiption on how I edit it?
Support Team
Support Team posted this 11 May 2017

Hi,

Do you mean items of third level in vertical menu?
If so please try adding the following code to the Themler Settings >> Additional CSS:

.bd-menu-23 .bd-menuitem-23 > a + .bd-menu-24-popup .bd-menuitem-24 > a + .bd-menu-24-popup .bd-menu-24 .bd-menuitem-24 > a
{
background-color: red;
}
.bd-menu-23 .bd-menuitem-23 > a + .bd-menu-24-popup .bd-menuitem-24 > a + .bd-menu-24-popup .bd-menu-24 .bd-menuitem-24 > a.active
{
background-color: #e8a815;
}

This should help.

Please keep us posted about the progress.

Thank you,
Olivia

Hi, Do you mean items of third level in vertical menu? If so please try adding the following code to the Themler Settings >> Additional CSS: `.bd-menu-23 .bd-menuitem-23 > a + .bd-menu-24-popup .bd-menuitem-24 > a + .bd-menu-24-popup .bd-menu-24 .bd-menuitem-24 > a { background-color: red; } .bd-menu-23 .bd-menuitem-23 > a + .bd-menu-24-popup .bd-menuitem-24 > a + .bd-menu-24-popup .bd-menu-24 .bd-menuitem-24 > a.active { background-color: #e8a815; }` This should help. Please keep us posted about the progress. Thank you, Olivia
You must log in or register to leave comments