Category Sidebox -- Change Font Color on hover

Hi

I changed my stylesheet to have the Category names turn from blue to red when you hover on them. I tried to make it work like Important Links and Information sideboxes. It doesn't. Even after I clear my cache, some category names come up red and other blue. Sometimes they're all blue. Other times they're all red. Inconsistent.

What did I do wrong? How do I fix it?

As an extra, I'd like to have the name go bold too on hover. My eyes are straining.

https://www.rabbitinmyhat.com
version 1.3.7
using Firefox to view

Thanks
John

Hello,

I was curious why you have it on your CSS as A.category-top

Shouldn't it be just .category-top

FatGuyinAZ:

Hello,

I was curious why you have it on your CSS as A.category-top

Shouldn't it be just .category-top

Hi Steve

I don't know the difference between those two. I just tried to make it look like the other sideboxes as I understood them. I'll go to w3schools and see if I can figure out the difference and if it impacts what I tried to do.

Thanks
John

LOL I don't know either. I am just learning this stuff (trying to learn). What would happen if you removed the A from all your CSS entries for that particular section? You have it a few times in a section on the CSS. If it doesn't help you can always add the A again.

Hopefully one of the Zen Cart gurus will step in and point us both in the right direction.

I just took a look at your stylesheet. Found your A.category-top entries. You have this in front of it: .sideBoxContent
I don't have that. I'll check the original ZC stylesheet. Maybe I inadvertently deleted it.

John

That's funny, I don't even know what I have. I will learn eventually and I will continue to make myself look funny. But it's all good. :laugh:

I wish you luck on this.

johnd:

Hi

I changed my stylesheet to have the Category names turn from blue to red when you hover on them. I tried to make it work like Important Links and Information sideboxes. It doesn't. Even after I clear my cache, some category names come up red and other blue. Sometimes they're all blue. Other times they're all red.

As an extra, I'd like to have the name go bold too on hover. My eyes are straining.

J,

You have duplicated the following declarations below in your stylesheet.css

A.category-top, A.category-top:visited {
color: #004080;
text-decoration: none;
}
A.category-top, A.category-top:hover {
color: #FF0000;
text-decoration: none;
}

Delete the following and replace the two above with these:
Adjust the red letters to your needs.

A.category-top {
color: #3300FF;
text-decoration: none;
}

A.category-top:visited {
color: #000000;
text-decoration: none;
}

A:hover {
font-weight: bold;
}

haredo

Thanks so much -- works like a charm!

John

J,
you are most welcome, glad I could assist you.

Hello,
I have:
A.category-top, A.category-top:visited {
color: #008000;
text-decoration: none;
font-size: 1.2em;
}

A:hover {
color: #0000FF;
}

Its working, but when I hover over visited links, they won't highlight. How can I change it so that the visited links also gets highlighted? Thanks.

I figured it out! :clap:

A:hover, A:visited:hover {
color: #0000FF;
}