Support » Fixing WordPress » Dropdown menu issues, css, colors

  • When I hoover the submenues, the parent top menu goes white. (it`s grey, but changes to white when hoovering because of grey hoover background
    I want it to stay grey when it`s not highlighted and has grey hoover background

    Also the sublevel links are the same colour as the top level active link. Is there a way to avoid that?

Viewing 6 replies - 1 through 6 (of 6 total)
  • You’ll have to provide your HTML and CSS (or the link) for anyone to have a look but this really isn’t the right place for advice on HTML and CSS.

    /* navigation START */
    #navigation  {
    	background:#f3f3f3 url(img/bg_diag_dark.pn) 700px 24px;
    	border-top:1px solid #ccc;
    	margin-left:px;
            margin-right:px;
      	border-bottom:1px solid #ccc;
    }
    #menus {
        	background:f3f3f3;
    	font-family:Georgia, Arial, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    	font-size:10px;
    	text-transform : lowercase;
    	font-weight:bold;
    	margin-left:3px;
    	margin-right:7px;
    	border-bottom:px solid #aeb1a3;
    }
    #menus li {
    	display:inline;
    	list-style:none;
    }
    #menus li a {
    	background:f3f3f3 url(img/toppmenybakgrunn.gi) top repeat-x;
    	border-right:1px dashed #ccc;
    	padding-top:3px;
    	padding-bottom:2px;
    	display:block;
    	color:#444;
    	height:24px;
    	line-height:24px;
    	text-decoration:none;
    	font-size:14px;
        	padding-left:12px;
    	padding-right:7px;
    	float:left;
    	z-index:1;
    }
    #menus li a:hover {
    	color:#fff;
    	display:block;
    	background:#404040;
    
    }
    #menus li a.current {
    	background-position:0 -31px;
    	color:#fff;
    
    }
    #menus li.current_page_item a,
    #menus li.current-cat a {
    	background-position:0 -62px;
    	color:#ef4135;
    }
    #menus li a.home {
    	background-position:0 -93px;
    	width:45px;
    	padding:0;
    	color:#000;
    	text-indent:-999em;
    }
    #menus li a.home:hover {
    	background-position:0 -124px;
    }
    #menus li.current_page_item a.home {
    	background-position:0 -155px;
    	}
    #menus li a.lastmenu:hover {
    	background-position:0 0;
    	cursor:default;
    }
    
    /* navigation END */
    
    /* submenu START */
    
    #menus li ul {
    	display:none;
    
           	font-family:Georgia, Arial, "BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
    	font-size:11px;
            font-weight:normal;
    	background:#f3f3f3;
    	border-right:2px solid #aeb1a3;
    	margin-top:6px;
    	margin-left:12px;
    	position:absolute;
    	z-index:1;
    }
    #menus li li {
    
    	float:none;
    	margin:0;
    	padding:0;
    	list-style:none;
    }
    #menus li li a {
    
            font-size:12px;
    	float:none;
    	padding:9px 8px 7px 10px;
    	text-decoration:none;
    
    	background-image:none;
    	height:auto;
    	line-height:80%;
    	color:666;
    	display:block;
    	width:120px;
    }
    #menus li li a.last {
            border-bottom:2px solid #aeb1a3;
    
    }
    #menus li li a:hover {
    
    	color:#fff;
    	background:#404040;
    } 
    
    #menus li li a.current {
    
    	color:#000;
    }
    
    #menus li li a.subtitle,
    #menus li li a.subtitle:hover {
    	background-image:url(img/arrow.gi);
    	background-position:right;
    	background-repeat:no-repeat;
    }
    /* submenu END */

    My only issue now is
    when I move the pointer from the top level to the submenu,
    the toplevel link goes back to white colour ( white w/ grey bg when hoover)
    How can I get the link color to turn dark again?

    Need help on this one. anyone have a suggestion?
    see menu here
    http://www.kjagen.com/iron-maiden/vids/

    There must be css expert out there? 😉

    I still can`t figure out this one.
    Any help?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Dropdown menu issues, css, colors’ is closed to new replies.