Below is my css coding. I want the background of the menu hover white and the hover text purple (662d91) what am i doing wrong? .logo img { margin-left: 85px; } #menu .ddsmoothmenu li { margin-right: 18px; } .content-wrap .contact h2 { display: none; } .content-wrapper h2 { display: none; } table,th,td,tr {border:none;} #menu li{ font-size:12px!important; } .footer-container { background: white; } .content-info { border-bottom:none; } #content { margin-top:0!important; } .content-wrapper .content-info { display: none; } .footer-container { background: white; } .footer-navi { background: white; } .content-info #crumbs{ display: none; } .footer-navi .navigation ul li { background:none; } #zoombox .zoombox_mask { background-color: white; } .thumbnail p { padding-left:22px; } .folio-content ul.thumbnail a.zoombox { background: none; } #bgmp_list { float: left; } #bgmp_map-canvas { float: left; } #crumbs { display:none; } .content-wrapper h2 { display:none; } .content-info { border-bottom: none; padding-bottom: 0px; } .content { padding-top: 0px; } a:hover { color: #662d91; } .header .menu-bar { margin-top: 10px; } table { border-collapse: collapse; border-width: 0px; } .container { box-shadow:none; } .footer-navi { background: white; } .footer-navi .navigation ul li a { color: #231f20; } .footer-navi .navigation .right-navi p a { color: #231f20; .footer-navi .navigation ul li { background:none; } #menu li{ font-size:12px!important; } #menu .ddsmoothmenu li { margin-right: 8px; } .ddsmoothmenu{ background-image:none; } .gallery h1{ display:none;} .fullwidth h1{ display:none;} .content h1{ display:none;} a:hover { color:#ab84c1; } a:link { color:#743399 ; } a:visited { color:#743399 ; } #menu .ddsmoothmenu { background:url(http://splendid-speech.com/wp-content/uploads/2013/03/WHITE1.jpg); height:45px; width:891px; } #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a { color:#662d91;!important; } #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a { background:#ffffff;!important; } #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a { color:#662d91!important; } #menu li a{ color:#ffffff!important; } #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a { color:662d91!important; } #menu li a{ color:000000!important; } #menu .ddsmoothmenu { background-color:ffffff; } #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a{ background-color:ffffff; }
Code: .footer-navi .navigation .right-navi p a { color: #231f20; in this code you have forget to close it with the curly bracket So, Correct code are given below Code: .logo img { margin-left: 85px; } #menu .ddsmoothmenu li { margin-right: 18px; } .content-wrap .contact h2 { display: none; } .content-wrapper h2 { display: none; } table,th,td,tr {border:none;} #menu li{ font-size:12px!important; } .footer-container { background: white; } .content-info { border-bottom:none; } #content { margin-top:0!important; } .content-wrapper .content-info { display: none; } .footer-container { background: white; } .footer-navi { background: white; } .content-info #crumbs{ display: none; } .footer-navi .navigation ul li { background:none; } #zoombox .zoombox_mask { background-color: white; } .thumbnail p { padding-left:22px; } .folio-content ul.thumbnail a.zoombox { background: none; } #bgmp_list { float: left; } #bgmp_map-canvas { float: left; } #crumbs { display:none; } .content-wrapper h2 { display:none; } .content-info { border-bottom: none; padding-bottom: 0px; } .content { padding-top: 0px; } a:hover { color: #662d91; } .header .menu-bar { margin-top: 10px; } table { border-collapse: collapse; border-width: 0px; } .container { box-shadow:none; } .footer-navi { background: white; } .footer-navi .navigation ul li a { color: #231f20; } .footer-navi .navigation .right-navi p a { color: #231f20; } .footer-navi .navigation ul li { background:none; } #menu li{ font-size:12px!important; } #menu .ddsmoothmenu li { margin-right: 8px; } .ddsmoothmenu{ background-image:none; } .gallery h1{ display:none;} .fullwidth h1{ display:none;} .content h1{ display:none;} a:hover { color:#ab84c1; } a:link { color:#743399 ; } a:visited { color:#743399 ; } #menu .ddsmoothmenu { background:url(http://splendid-speech.com/wp-content/uploads/2013/03/WHITE1.jpg); height:45px; width:891px; } #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a { color:#662d91;!important; } #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a { background:#ffffff;!important; } #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a { color:#662d91!important; } #menu li a{ color:black !important; } #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a { color:662d91!important; } #menu li a{ color:000000!important; } #menu .ddsmoothmenu { background-color:ffffff; } #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a{ background-color:ffffff; }