Zen Cart Logo
Forums / General Questions / Sidebox heading not highlighting

Sidebox heading not highlighting

Locked

Views: 849

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
29 Dec 2009, 3:56 PM
#1
premo avatar

premo

New Zenner

Join Date:
Oct 2009
Location:
West Midlands, UK
Posts:
23
Plugin Contributions:
0

Sidebox heading not highlighting

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: https://www.1stopjewellery.co.uk
Zen Cart 1.3.8a

Thanks David

11 Jan 2010, 9:40 AM
#2
premo avatar

premo

New Zenner

Join Date:
Oct 2009
Location:
West Midlands, UK
Posts:
23
Plugin Contributions:
0

Re: Sidebox heading not highlighting

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

11 Jan 2010, 11:57 AM
#3
lissae avatar

lissae

Totally Zenned

Join Date:
Oct 2007
Location:
Australia
Posts:
814
Plugin Contributions:
0

Re: Sidebox heading not highlighting

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;
}


#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 :)
11 Jan 2010, 2:38 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Sidebox heading not highlighting

#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;
}
11 Jan 2010, 9:48 PM
#5
premo avatar

premo

New Zenner

Join Date:
Oct 2009
Location:
West Midlands, UK
Posts:
23
Plugin Contributions:
0

Re: Sidebox heading not highlighting

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