Extra menu list title CSS selector

What’s the easiest way to target the title of the Extra menu list element with CSS?

Hello,

It depends on the menu type where this element is used, for example, on our demo in main navigation it is

body .navigation-style-default .menu-mega-dropdown .color-scheme-dark .sub-menu>li>a{
color:red;
}

I mean this menu http://prntscr.com/lzsy4z

Provide your page URL and tell which menu you need.

Best Regards

Check my footer menu column titles

Hello,

Here it is:

body .mega-menu-list>li>a {
    color: red;
}

You can take this selector body .mega-menu-list>li>a and assign styles in the Theme Settings > Typograply > advanced typography.

You would better to add a class to Extra menu list item to avoid influence on other menu items in future.

Best Regards

would you advise to use the extra typography inteface or using custom css? which method produces less CSS files?

Hello,

Both ways are good. Advanced typography does not require CSS skills

Best Regards

[Author]

Posts