WordPress.org

Support

Support » Themes and Templates » [Theme: Esplanade] Nav menu color help

[Theme: Esplanade] Nav menu color help

  • Greetings,
    With the esplande theme, I’m attempting to modify the colors of the Navigation menu and can not seem to pin-point a couple of things. I am trying to change the background color of the selected page menu item, as well as the font color for the text in the drop down menu. I am confident the ids involved are as follows:

    #access a:hover,
    #access li.current_page_item > a {
    	background:#777;
    	background:-moz-linear-gradient(#777,#555);
    	background:-webkit-linear-gradient(#777,#555);
    	background:-o-linear-gradient(#777,#555);
    	background:-ms-linear-gradient(#777,#555);
    	background:linear-gradient(#777,#555);
    	color:#fff;
    	text-decoration:none;
    }
    
    #access li.current_page_item > a {
    	background:#222;
    	background:-moz-linear-gradient(#252525,#151515);
    	background:-webkit-linear-gradient(#252525,#151515);
    	background:-o-linear-gradient(#252525,#151515);
    	background:-ms-linear-gradient(#252525,#151515);
    	background:linear-gradient(#252525,#151515);
    }
    
    .drop-down-toggle {
    	position:absolute;
    	top:7px;
    	right:16px;
    	display:none;
    	width:20px;
    	height:20px;
    	border-radius:15px;
    	background:#333;
    	background:-moz-linear-gradient(#333,#444);
    	background:-webkit-linear-gradient(#333,#444);
    	background:-o-linear-gradient(#333,#444);
    	background:-ms-linear-gradient(#333,#444);
    	background:linear-gradient(#333,#444);
    	border:#aaa 3px solid;
    }

    Any help would be greatly appreciated.

    jv

    http://wordpress.org/extend/themes/esplanade/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Daniel Tara
    Member

    @pseudoxiah

    Background of the currently selected page is handled by the selector #access li.current_page_item > a

    Everything in the drop-down menu is handled by selectors #access li li or #access li ul

    Theme Author Daniel Tara
    Member

    @pseudoxiah

    See how it’s done in the custom stylesheets in the /styles/ folder (e.g. earth.css), they do exactly what you’re after.

    barbarbox
    Member

    @barbarbox

    Hello,
    I have successfully changed the color of the entire nav menu, but when I hoover over the top menu items, the blocks are still Esplanande-grey.

    I changed this code:

    #access a:hover,
    #access li.current_page_item > a {
    	background:#000000;
    	background:-moz-linear-gradient(#777,#555);
    	background:-webkit-linear-gradient(#777,#555);
    	background:-o-linear-gradient(#777,#555);
    	background:-ms-linear-gradient(#777,#555);
    	background:linear-gradient(#777,#555);
    	color:#ff0099;
    	text-decoration:none;
    }
    
    #access li.current_page_item > a {
    	background:#000000;
    	background:-moz-linear-gradient(#252525,#151515);
    	background:-webkit-linear-gradient(#252525,#151515);
    	background:-o-linear-gradient(#252525,#151515);
    	background:-ms-linear-gradient(#252525,#151515);
    	background:linear-gradient(#252525,#151515);
    }

    into this:

    #access a:hover,
    #access li.current_page_item > a {
    	background:#990099;
    	color:#ff0099;
    	text-decoration:none;
    }
    
    #access li.current_page_item > a {
    	background:#000000;
    }

    but nothing changed on the website.

    Can somebody help me get rid of the grey stuff in the navigation menu?

    Thanks in advance!

    Barbara

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Theme: Esplanade] Nav menu color help’ is closed to new replies.