Forums / Templates, Stylesheets, Page Layout / hover over links in center box new products

hover over links in center box new products

Views: 537

Results 1 to 4 of 4
16 Aug 2011, 6:07 AM
#1
ebaobao avatar

ebaobao

Zen Follower

Join Date:
Jul 2008
Posts:
495
Plugin Contributions:
0

hover over links in center box new products

Hello,
How do I change hover affects over links in the new products box in the center? I tried to change here:
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #ffffff;
text-decoration: underline;
}
but that affects my navigation links and i don't want to do that. How can I change the new products links only?
site is meaningfulaccents.com. Thanks.

16 Aug 2011, 7:47 AM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: hover over links in center box new products

"#whatsNew a:hover" etc would target those links.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

17 Aug 2011, 3:27 AM
#3
ebaobao avatar

ebaobao

Zen Follower

Join Date:
Jul 2008
Posts:
495
Plugin Contributions:
0

Re: hover over links in center box new products

Hi kuroi,
That works! Thank you!
Question, why does the inner div class doesn't work?
html code by zc:

<div class="centerBoxContentsNew centeredContent back" my css code: .centerBoxContentsNew:hover{ } I tried that and it didn't work. I thought the most inner <div> takes precedence?
17 Aug 2011, 8:33 AM
#4
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: hover over links in center box new products

You haven't said in which browser it doesn't work. But in IE (for example) :hover only works on links so you'd need to use ".centerBoxContentsNew a:hover"

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)