Design and CSS styles
Version 4.x > Design and CSS styles > How to change colors on CMSMenu View modes: 
User avatar
Member
Member
wendy.murray-nianet - 12/2/2009 5:34:59 PM
   
How to change colors on CMSMenu
Hi there,

I need to change the sub menu background color in the CMSMenu web part from black to gray and the hover color from orange to blue.

Anyone out there who can assist with this for the CSS challenged?

Thanks!


User avatar
Kentico Developer
Kentico Developer
kentico_ondrejv - 12/3/2009 4:40:54 AM
   
RE:How to change colors on CMSMenu
Hello,

Generally speaking, you can do that by defining background-color for CSS classes made of CSS prefix from your CMS Menu webpart and 'CMSMenu<something>'. For instance, in case of CMS Menu in our Corporate Site you can change those properties in following classes:

SubMenu Item:

.horizontalsubCMSMenu tr
{
background-color: gray;
}


Hover effect:

.horizontalsubCMSMenuHighlightedMenuItem, .horizontalsubCMSMenuHighlightedMenuItemMouseOver, 
.horizontalsubCMSMenuHighlightedMenuItemMouseDown, .horizontalsubCMSMenuItemMouseOver
{
background-color: blue;
}


Best regards
Ondrej Vasil