emunoz

Course menu

Blog Post created by emunoz on Mar 7, 2017

Here some changes for the menu links:

/*MENU*/

/*headers*/

#courseMenuPalette a:hover {color: #E1E1E1!important;}

#courseMenuPalette span:hover {color: #E1E1E1 !important;}

#controlPanelPalette_contents a:hover {color: #E1E1E1!important;}

/*menu links*/

#courseMenuPalette div.navPaletteContent ul li a, #courseMenuPalette h3 a, #previewCourseMenu h3 a, .navPaletteContent h3 a.submenuLink:before, .navPaletteContent h3 a.submenuLink_active:before, #courseMenuPalette div.navPaletteContent ul li a span, #courseMenuPalette .navPaletteContent .subhead {color: #FFFFFF!important;}

#courseMenuPalette a, #controlPanelPalette_contents a, #courseMenuPalette span, #controlPanelPalette_contents span {color:#FFFFFF!important;}

#courseMenuPalette ul a:hover {color: #E1E1E1!important;}

/*submenus*/

.navPaletteContent .submenu li a:hover {color: #E1E1E1!important;}

/*control panel links*/

.controlpanel .submenu a:hover, .controlpanel .submenu a.here, .controlpanel .submenu a:focus {color: #E1E1E1!important;}

#courseMenuPalette .courseMenu a:hover span, #courseMenuPalette .courseMenu  a:focus span {color: #E1E1E1!important;}

 

This will give you a white link that turns gray in hover

And, (thanks Dan Gioia), to remove the button-like links on the menu:

div.buttonCm ul.courseMenu li, div.buttonCm ul.courseMenu li.here {background-image: none !important;}

Outcomes