• 0
Sign in to follow this  
Followers 0

un-click home button

Question

12 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

What other custom CSS do you have?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

[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?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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  
Followers 0