Sprite Rollover Hover state not appearing.

The background position is by default 0 by 0 px.
Do you see what I mean?

Hi , yes i was just trying that way around to test that the image was being moved by 200px. It doesnt work when the link state is 0 0 either. I’ll change back to original code so you can see. btw https://www.visible.ie.

Thanks.

Are you aware that some CSS is hiding the turkey when you hover over it?
[screenshot]

Just see that now! thanks! Shouldn’t my id over-ride the theme’s classes though?

Not necessarily, it depends how specific your selectors are in comparison to the theme’s selectors. Note that the theme also uses IDs, but it probably overrides your styles because it uses more specific selectors.

See https://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Actually have just put code back to the way it should be and what you mentioned has gone!?

I had the position rule commented and the background color included, have pute back to just declaring position now.

Have change css to

‘
li#turkey a:hover{
background-position:-200px 0;
}
‘

still the same…

Yeah see the line now, suppose its because of the string of nested classes the theme declared. Thanks for you help!

Remember to clear your browser’s cache after each CSS change if you want to see immediate effects.

as this is a pure formatting problem, you might better ask at a css forum like https://csscreator.com/forum

or, as your problem is on connection with using a commercial theme, try to contact the theme’s developer/seller for support.

https://codex.www.ads-software.com/Forum_Welcome#Commercial_Products

yep, cheers alchymyth, thought it might be a wordpress theme thing because thought the css was ok.

thanks