Sidebox heading not highlighting

[premo]

Hi

Not the end of the world but its bugging me.
On my website some of the sidebox headings highlight red on mouse over but the Featured [more] box heading does not change, it should highlight red.
If anyone can point me in the right direction as to where I can correct this it will be most appreciated
Link to home page: www.1stopjewellery.co.uk
Zen Cart 1.3.8a

Thanks David

[premo]

Hi everyone

Back again, so no replies to this problem posted 29 Dec 2009, thought I would give it another try!!! So anyone got any ideas how I can fix this problem please.

Thanks

[LissaE]

Using Firebug with Firefox shows that the links in the sidebox headers on the left are using the following css:

stylesheet.css line 1894

#navColumnOneWrapper h3.leftBoxHeading a:link, #navColumnOneWrapper h3.leftBoxHeading a:visited {
color:#FFFFFF;
font-weight:bold;
}

stylesheet.css line 1918

#navColumnOneWrapper h3.leftBoxHeading a:hover, #navColumnOneWrapper h3.rightBoxHeading a:hover {
color:#FE6602;
}

...whereas the sidebox headers on the right are using a different styling, I *think* to fix the issue you will need to add navColumnTwoWrapper into those as well, like so:

#navColumnOneWrapper h3.leftBoxHeading a:link, #navColumnOneWrapper h3.leftBoxHeading a:visited, #navColumnTwoWrapper h3.leftBoxHeading a:link, #navColumnTwoWrapper h3.leftBoxHeading a:visited {
color:#FFFFFF;
font-weight:bold;
}

#navColumnOneWrapper h3.leftBoxHeading a:hover, #navColumnOneWrapper h3.rightBoxHeading a:hover, #navColumnTwoWrapper h3.leftBoxHeading a:hover, #navColumnTwoWrapper h3.rightBoxHeading a:hover {
color:#FE6602;
}

Hope that helps :)

[gjh42]

#navColumnOneWrapper h3.leftBoxHeading a:hover, #navColumnOneWrapper h3.rightBoxHeading a:hover {
color:#FE6602;
}

#navColumnOne holds left boxes and #navColumnTwo holds right boxes. It doesn't work to cross-reference them.

#navColumnOneWrapper h3.leftBoxHeading a:hover, #navColumnTwoWrapper h3.rightBoxHeading a:hover {
color:#FE6602;
}

And in most cases all you really need is

.leftBoxHeading a:hover, .rightBoxHeading a:hover {
color:#FE6602;
}

[premo]

Ok, thank you both for your input you guided me to the place where I could see the problem on line 1918 }

#navColumnOneWrapper h3.leftBoxHeading a:hover, #navColumnOneWrapper h3.rightBoxHeading a:hover {
color:#FE6602;
}

The problem being,
#navColumnOneWrapper h3.rightBoxHeading a:hover

Changed the One (left hand box) to Two (right hand box) on this line, it now looks like this,
#navColumnTwoWrapper h3.rightBoxHeading a:hover

It all works fine now,
Thanks again for your help