Customizing Woothemes Artificer Need to Deactivate a:hover Element

If styles aren’t available in your custom stylesheet, you need to create them.

I see you’ve tried to create these styles, but you’ve applied them to the anchor tags whereas the issue occurs on hover of the <li> element.

This is illustrated on live 45 of custom.css.
You need to override this just for the home item. Fortunately the home list item has a class of home.

In future use a Browser Inspector Tool to explore these CSS-specific issues.

Thank you Andrew, this seems like a very reasonable explanation, unfortunately I’m still at a loss. From your explanation, I would guess the code should be something like this:

#navigation ul.home > li:hover {
    background-color:transparent;
    box-shadow: none;
}

But this, and other variations I’ve tried don’t have an effect.

I’m sorry but as you are using a commercially supported theme, you need to seek any further support from the theme’s developers.

You’re nearly there, Kmolinanauert, but try these selectors instead;

#navigation ul.nav li.home:hover

Thanks Esmi

Wonderful, thank you kindly.

kmolinanauert, I really like the look of your theme, very unique from the template theme. By the way, I was wondering how you did you remove the dimming effect on your products page. …Whenever I hover over a product, it pops up, and dims the rest of the items. How would I go about removing this feature?

Any help would be really Great! thank you so much in advanced!

@ kmolinanauert

You’re website looks great. I am looking for the way to customize the nav menu and add a logo as well. Could you point me into the right direction and explain how you added the bird to the nav menu?

Thanks a lot.

@toralf78, that’s not how these forums work.

If you need support, you create your own thread.