No replies
digitaljedi10's picture
Last seen: 9 years 21 weeks ago
Timezone: GMT+2
Joined: 2013-04-29
Posts: 1
Points: 2


I am new to CSS and need help, it will be greatly appreciated!!!

This is the CSS code i have for the main navigation menu and the behaviour for hover states etc:
#navigation {width: 100%; /*margin-left: 5px;*/}
#dropmenu {list-style:none; position:relative; width:100%; z-index: 400;}
#dropmenu li {list-style:none; position:relative; float: left; line-height: 30px;}
#dropmenu li a { display: block; line-height: 30px; background: #000; background: rgba(0,0,0,.85); color: #fff; font-size: 12px; padding: 0 12px; text-transform: uppercase; margin: 0; letter-spacing: .7px;}
#dropmenu li a:hover {text-decoration: none; background: #990000; color: #fff;}
#dropmenu li ul {list-style:none; position:absolute; width:200px; z-index:300; top:30px; left: 0; display:block; visibility:hidden; opacity:0;}
#dropmenu li ul li {position:relative; clear: both;}
#dropmenu li ul li a {line-height: 30px; background: #000;}
#dropmenu li ul li a:hover {opacity:1;}
#dropmenu li ul li ul {position:absolute;top:0; left:-200px;}
#dropmenu li ul li ul li {float: right;}
#dropmenu li:hover ul ul,
#dropmenu li:hover ul ul ul,
#dropmenu li:hover ul ul ul ul {visibility:hidden; opacity:0;}
#dropmenu li:hover ul,
#dropmenu li li:hover ul,
#dropmenu li li li:hover ul,
#dropmenu li li li li:hover ul {display:block; visibility:visible; opacity:1;


#dropmenu li.current-menu-item> a,
#dropmenu li.current-menu-ancestor> a{background-color: #990000}

I was advised to change the color value in the last line above to make the background color of a visited menu item remain as #990000, but it makes no difference, when visited the link's background remains a light blue. Not sure if this light blue is represented by "background: rgba(0,0,0,.85)"??

any help will be very very welcome!!