Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Sub Categories Hover Color Confusion

Sub Categories Hover Color Confusion

Locked

Views: 1,821

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
26 Apr 2007, 1:50 PM
#1
lainee avatar

lainee

New Zenner

Join Date:
Apr 2007
Posts:
46
Plugin Contributions:
0

Sub Categories Hover Color Confusion

I have everything on my stylesheet figured out and working except the sub categories. The links should be black and hover purple like my top categories and all my other side box content. Some sub categories are black and hover purple and some are purple and hover purple. Here is the pertinent code I have:

/* categories box parent and child categories /
A.category-top, A.category-top:visited {
color: #000000;
text-decoration: none;
}
A.category-top, A.category-top:hover, #navcategoriesBoxContentTOC ul li {
color: #990099;
}
A.category-links, A.category-links:visited {
color: #000000;
text-decoration: none;
}
A.category-links, A.category-links:hover, #navcategoriesBoxContentTOC ul li {
color: #990099;
}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
color: #000000;
text-decoration: none;
}
A.category-subs, A.category-products, A.category-subs:hover, A.category-products:hover, #navcategoriesBoxContentTOC ul li {
color: #990099;
}
SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: bold;
}
/
end categories box links */

Here is my URL:
http://chic-perfumefragrance.com

Anyone know what I did wrong here or where else on the stylesheet something may be confusing it??

26 Apr 2007, 3:56 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Sub Categories Hover Color Confusion

Looks like you repeated these in red in the first one to the second:

A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited{
color: #000000;
text-decoration: none;
}
A.category-subs, A.category-products, A.category-subs:hover, A.category-products:hover, #navcategoriesBoxContentTOC ul li {
color: #990099;
}
29 Apr 2007, 11:45 AM
#3
lainee avatar

lainee

New Zenner

Join Date:
Apr 2007
Posts:
46
Plugin Contributions:
0

Re: Sub Categories Hover Color Confusion

I fixed that and it was working for a couple of days but now they are all mixed up again.
I tried seperating out the category-subs from the category products but that didn't work.
I tried changing #navcategoriesBoxContentTOC to #navcategoriesListBoxContentTOC to #navcategoryBoxContent to #navcategoryListBoxContent and none of those changes worked. Any new ideas as to why it is not working now?

29 Apr 2007, 1:00 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Sub Categories Hover Color Confusion

.sideBoxContent a:hover, #navsideBoxContentTOC ul li {
	color: #990099;
	}


A.category-top, A.category-top:hover, #navcategoryListBoxContentTOC ul li {
             color: #990099;
             }

A.category-links, A.category-links:hover, #navcategoryListBoxContentTOC ul li {
             color: #990099;
             }

A.category-subs, A.category-subs:hover, #navcategoryListBoxContentTOC ul li {
             color: #990099;
             }

I do not think that any of the red highlighted div tags exist in the code unless you have added them to the code. If they do not exist in the code you can not address them in the stylesheet.css