Dropdown menu item custom color

[Ixinho]

Hello, is it possible to set custom color for specific 2nd level dropdown menu item?

[Veena]

You can use the below custom CSS –

.dropdown-menu-wrap ul.sub-menu li > ul.sub-menu li a {
    color: red;
    background: #000;
}
.dropdown-menu-wrap ul.sub-menu li {
    border-bottom: 1px solid #F5F0F0;
}

[Ixinho]

Hm, this will be applied to all 2nd level dropdown menu items, i need to have different color for only the first menu item (2nd dropdown), and others should keep the default color. Is it doable?

[Veena]

ok then you need to target particular menu id like this –

.dropdown-menu-wrap ul.sub-menu li.menu-item-13238 a {
    color: #000;
}

you need to replace 13238 with your menu item’s id .

[Ixinho]

For the second level item i cannot find ID anywhere ..

[Veena]

Pls share a link to your site.

You can use chrome developer tools ,Pls go through this link and check section “Inspecting DOM elements and styles” – https://developer.chrome.com/devtools

https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3

[Author]

Posts