THE MOLITOR FORUMS » Topic: Changing colour in main navigation menu block

THE MOLITOR on "Changing colour in main navigation menu block"

THE MOLITOR — Fri, 03 May 2013 10:15:43 +0000

You bet :-)

digitaljedi10 on "Changing colour in main navigation menu block"

digitaljedi10 — Thu, 02 May 2013 23:02:03 +0000

Chris, you're a star!

Thanks man

THE MOLITOR on "Changing colour in main navigation menu block"

THE MOLITOR — Thu, 02 May 2013 09:32:16 +0000

Hi there,

Did you not also change the color in the theme options panel?

Let me know.

Thanks!

Chris

digitaljedi10 on "Changing colour in main navigation menu block"

digitaljedi10 — Wed, 01 May 2013 09:23:23 +0000

Hi Chris

http://www.highlifeproductions.co.za/

Much appreciated

John

THE MOLITOR on "Changing colour in main navigation menu block"

THE MOLITOR — Wed, 01 May 2013 09:14:43 +0000

Hi there,

Can you provide a link to your site? I'll take a look.

Thanks!

Chris

digitaljedi10 on "Changing colour in main navigation menu block"

digitaljedi10 — Wed, 01 May 2013 01:48:12 +0000

Thanks Chris

I tried that but it doesn't seem to work.

Below is the changed code as suggested by you, but it has had no effect:

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

the visited link's background remains a light blue. Not sure if this light blue is represented by "background: rgba(0,0,0,.85)" as in the below code block for the entire Main Navigation??

MAIN NAVIGATION MENU CODE

#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;
-moz-transition-property:opacity;
-moz-transition-duration:0.15s;
-moz-transition-timing-function:linear;
-webkit-transition-property:opacity;
-webkit-transition-duration:0.15s;
-webkit-transition-timing-function:linear;
-o-transition-property:opacity;
-o-transition-duration:0.15s;
-o-transition-timing-function:linear;
}
#dropmenu li.current-menu-item> a,
#dropmenu li.current-menu-ancestor> a{background-color: #990000}

Kind regards

John

THE MOLITOR on "Changing colour in main navigation menu block"

THE MOLITOR — Mon, 22 Apr 2013 10:18:59 +0000

Hi there,

You'll want to adjust the CSS for the following elements...

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

Thanks!

Chris

digitaljedi10 on "Changing colour in main navigation menu block"

digitaljedi10 — Fri, 19 Apr 2013 12:56:57 +0000

Hi Chris

I've managed to change the colour of the page navigation menu bar block to red when you hover over it, but once selecting the page, the block remains default blue. How do I change this colour as well?

I can't find the a:visited properties in the css stylesheet which I assume would be with all the other main navigation stuff.

Much appreciated.