un-click home button

[rkazantsev 2]

How can I un-click the home button when I am on the home page? Look at the screenshot at http://72.26.98.200/wp-content/uploads/2012/07/unclick.png I want it the home button to be like the "Yes" in the example screenshot...

[catrina 103]

How did you add that image as the home button? Did you add that image yourself?

[rkazantsev 2]

I added the following CSS Rule in custom CSS .main_nav ul li.menu-item-home a { background: url('http://72.26.98.200/wp-content/uploads/2012/07/white-logo.png') transparent no-repeat 15px 4px !important; width: 50px; And removed the Navigation Label from Home in Menus

[Rob 547]

You appear to be missing a closing } at the end of your CSS. [code].main_nav ul li.menu-item-home a { background: url('http://72.26.98.200/wp-content/uploads/2012/07/white-logo.png') transparent no-repeat 15px 4px !important; width: 50px;}[/code] You need to add an active state element as well, making the active state for that page none, even if clicked. See this for additional information: http://www.w3schools.com/css/css_link.asp

[rkazantsev 2]

I have the } in my custom css forgot to paste it.... Sorry.... So I simi get what is needed with a:active just not sure what code is exactly needed to disable only the home button from being clicked

[catrina 103]

What other custom CSS do you have?

[rkazantsev 2]

Here is my current custom CSS .main_nav ul li.menu-item-home a { background: url('http://72.26.98.200/wp-content/uploads/2012/07/white-logo.png') transparent no-repeat 15px 4px !important; width: 50px;} .main_nav li a{ padding: 10px 15px; color:#eee; text-shadow: #000 0 -1px 0; border: none; border-right: 1px solid #444; -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px #888; box-shadow: inset 0 0 5px #888;}

[catrina 103]

[code].main_nav li a{ padding: 10px 15px; color:#eee; text-shadow: #000 0 -1px 0; border: none; border-right: 1px solid #444; -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px #888; box-shadow: inset 0 0 5px #888;}[/code] ^ What happens when you remove this code and view the site?

[rkazantsev 2]

I removed the code (No Change) weird I had fixed an earlier issue with a line under the menu by changing the padding from 6px to 10px ( i may have changed it in the style sheet. But I have removed that code

[catrina 103]

Hm, okay, you can put it back. I'm not sure where that "click" effect is coming from for that home button. Has it always been this way? Even when you just installed the theme?

[rkazantsev 2]

Yes it has always been this way (clicked) if you click on the cloud button the Home/logo button is un-clicked Here is the comparison from bugzila [b]"Un" Clicked code[/b] } .main_nav li.current-menu-item a { box-shadow: 0 0 8px #000000 inset; } .main_nav li a:active, .main_nav li.current-menu-item a { background: url("images/sprite-nav-bg.png") repeat-x scroll 0 -70px #F5F6F7; box-shadow: 0 0 5px #000000 inset; } .main-nav .current-menu-ancestor a, .main-nav li.current-menu-ancestor ul a, .main-nav li.current_page_item a, .main-nav li.current-menu-item a, .main-nav li.current_page_parent a, .sf-menu li li, .sf-menu li li li { background: none repeat scroll 0 0 #E7E9EC; } .main-nav .current-menu-ancestor a, .main-nav li.current-menu-ancestor ul a, .main-nav li.current_page_item a, .main-nav li.current-menu-item a, .main-nav li.current_page_parent a, .sf-menu li li, .sf-menu li li li { background: none repeat scroll 0 0 #E7E9EC; [b]Clicked Code[/b] } .main_nav li a:hover { background: url("images/sprite-nav-bg.png") repeat-x scroll 0 -35px #F5F6F7; box-shadow: 0 0 5px #666666 inset; } .main-nav li a:hover, .main-nav .current-menu-ancestor .current_page_item a, .main-nav li.current-menu-ancestor ul a:hover { background: none repeat scroll 0 0 #EDEEF0; } ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0 none;

[catrina 103]

Try adding this code: [code].main_nav li a { box-shadow: 0 0 0 0px;}[/code]

[rkazantsev 2]

That didn't do it but I tweaked your code a little and fixed it :) Here is what I used (Thank You Catrine) .main_nav li.current-menu-item a { box-shadow: 0 0 0 #000000 inset; }