Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
#page-sidebar .widget.widget_nav_menu {
padding-left:0;
padding-right:0
}

#page-sidebar .widget ul {
margin:0
}

#page-sidebar .widget ul li {
padding:1em;
margin:0
}

#page-sidebar .widget ul li.current-menu-item,#page-sidebar .widget ul li.current-menu-item:hover,#page-sidebar .widget ul li.current-menu-item:active {
background:#0f4786
}

#page-sidebar .widget ul li:hover,#page-sidebar .widget ul li:active {
background:#dbe3ed
}

#page-sidebar .widget ul li.current-menu-item a,#page-sidebar .widget ul li.current-menu-item:hover a,#page-sidebar .widget ul li.current-menu-item:active a {
color:#fff
}

(warning) Note: The colors are marked in red — feel Feel free to change them the HEX codes to whatever HEX codes you want.

Result

To see how this CSS code looks on an actual sidebar menu, visit the Development page.

Filter by label (Content by label)
showLabelsfalse
max

...

10
spacesIKB
showSpacefalse

...

typepage
cqllabel in ( "web" , "development" , "menu" , "sidebar" , "wordpress" , "aurora" , "color" ) and type = "page" and space = "IKB"
labelsweb development aurora wordpress color menu sidebar
Page Properties
hiddentrue


Related issues