Changing hover css for categories box

[rbudj]

Ok, I've had to spend too much time searching forums for this answer. I need to change the hover color for the links in the categories box. I thought it would be in /templates/template_name/stylesheet.css... aparently it is not. Can anyone tell me the location of the hover attribute for the categories box?

[jpf]

Not sure what you mean about HOVER CSS.... If you mean about adding in a JAVASCRIPT that changes a button/graphic when your MOUSE os over it? Or just TEXT?

The CSS (for text) would be somthing like:

a:link,
a:visited {
color: red;
text-decoration:none
}

a:hover {
color: blue;
text-decoration: underline;
}

a:active {
color: white;
background: black
}

Please test with a few differnt browsers before you go live.
Have not tried it with a graphic....

[rbudj]

Well, I'm not wanting to add a graphic or anything. You know in all the other boxes, Information, Shopping Cart, Reviews, etc., they all have a style to them to make the font verdana and the size 10px. All of my boxes I can change their style via stylesheet.css except for the text in my Categories box. It has a style to it alright but I want to change it and cannot, for the life of me, find the Categories box's style to change it.

[kelly34]

Hi,

I am also having problems finding this hover colour in categories. If anyone could help it would be great.

Regards

[rbudj]

Well finally after a week of searching I found where you make the changes. Why it's not in the css I will never know but it sure makes things confusing. The file you want to edit is catalog/includes/boxes/categories_dhtml.php. It starts at line 33.

[michael_s]

A week? I did a search on 'dhtml css' and it was the 4th result returned...
http://oscdox.com/index.php?name=PNp...ight=dhtml+css

Did another search on 'category css' and it was the 12th...

Took like 2 minutes to find.

[rbudj]

Well if I knew the file was named dhtml to begin with I would not have had to search the forums. You know,... it's just like designing a website... things are easier for the designer because he/she looks at it all the time. A good website is easy for everyone.

[michael_s]

That is why I showed the second search I did of category css, since I assumed you didn't know it was the dhtml file (even though you have it set to use the dhtml menu in the admin, and had to MANUALLY set it to this option yourself).

It seems like a logical search to me, if you are trying to modify the CSS attributes of the Category box, so why not search on category css?

The solution took less than 2 minutes to find. The post in question clearly explains how to change the css for the categories box in both cases (using DHTML or not):

TD.infoBoxHeading
Sets the left and right column boxes and the new products box heading color and text color.

http://www.oscommerce.info/kb/osCommerc ... _Layout/54

if you are using firefox - get the web developer extension which lets you edit the css while looking at the page in question -very helpful.

If you are using the DHTML menu then the style is sorted elsewhere.....catalog/includes/boxes/categories_dhtml.php

All I am trying to do is help you save your valuable time in the future, by pointing out how easy it is to find solutions if you select relevant keywords to search on. Stopping and thinking about it for 2 minutes and doing a logical search on the relevant terms would have saved you a week, according to your post. I simply find it hard to believe that you searched the forums at all, let alone for a week, based on how easily I located the solution on my very first search attempt. I was not familiar with your problem at all, prior to reading your post, and simply did a search based on your post.

Heck all of the below search terms will bring up the post I mention on the first 2 pages of results:

css categories
categories css
category box styles
category style
categories style
category css
css category
stylesheet category

Notice none of them mention dhtml?