Jump to content
Sign in to follow this  
rkazantsev

un-click home button

Recommended Posts

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

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
rkazantsev    2
rkazantsev
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

Share this post


Link to post
Share on other sites
Rob    547
Rob
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

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
rkazantsev    2
rkazantsev
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

Share this post


Link to post
Share on other sites
rkazantsev    2
rkazantsev
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;}

Share this post


Link to post
Share on other sites
catrina    103
catrina
[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?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
rkazantsev    2
rkazantsev
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

Share this post


Link to post
Share on other sites
catrina    103
catrina
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?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
rkazantsev    2
rkazantsev
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;

Share this post


Link to post
Share on other sites
catrina    103
catrina
Try adding this code: [code].main_nav li a { box-shadow: 0 0 0 0px;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
rkazantsev    2
rkazantsev
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; }

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×