Color in multilevel submenus

25 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/

menu submenu styling mulilevel-submenu

Vote to pay developers attention to this features or issue.

3 Comments

Order By: Standard | Newest

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

25 Posts

hovmedia posted this 11 May 2017

Do you have any desctiption on how I edit it?

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