CSS class for sub menu

  • Resolved jim_cliff11

    (@jim_cliff11)


    11 years, 2 months ago

    I’m using custom menu wizard on my website http://www.astburymowers.co.uk. Having done alot of reading on these support pages the only method of modifying the CSS I could figure out was to add the following to my child theme custom CSS:

    .widget_custom_menu_wizard li,
.widget_custom_menu_wizard li:after {
    font-size: 11pt !important;
    padding: 10px !important;
}

.widget_custom_menu_wizard.sub-menu li {
    font-size: 8pt !important;
}

    The first piece of code works ok. Using Firebug I’ve identified “sub-menu” as a class within the “widget_custom_menu_wizard” class if I’m correct? (Correct me if I’m wrong – CSS beginner). “Sub Menu” class is assigned to the child pages.

    Basically I want the sub menu to format differently from the root menu. I’ve added some code to the CSS for this (see code snippet above) but this does nothing.

    I appreciate your help in advance. I’m learning slowly, but its taking me hours!

    Excellent plugin.

    Thanks again.

    https://ww.wp.xz.cn/plugins/custom-menu-wizard/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author wizzud

    (@wizzud)

    11 years, 2 months ago

    Hi.
    To get your 2nd style working, simply add a space between .widget_custom_menu_wizard and .sub_menu, eg.

    .widget_custom_menu_wizard .sub-menu li {
    font-size: 8pt !important;
}

    The sub_menu class is added to child UL elements by WordPress. CMW adds its own classes, prefixed with cmw-. Any class(es) can be used, depending on what you need to do and how specific you need to be.

    Thread Starter jim_cliff11

    (@jim_cliff11)

    11 years, 2 months ago

    Ideal.

    Thank you very much for your time.
    Cracking plugin!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CSS class for sub menu’ is closed to new replies.