What is the CSS attribute for Category Title hover color?

Product Support

AI-generated summary

What is the CSS attribute for Category Title hover color?

Jennifer_Abrams wants to change the hover color of category titles on the main screen. tshenry provides an initial CSS code suggestion, but it doesn’t work. After Jennifer_Abrams shares a screenshot of the category title box, tshenry provides a more specific CSS selector that targets the correct element. The working code is:

.category-boxes-with-topics .category-box-heading a:hover {
    color: blue;
}

Jennifer_Abrams confirms that this solution works.

1

When you hover category titles on the main screen… I want to change the color of the hover, but for weeks I have not been able to find the right CSS code to do so.

Any thoughts?

2

It’s hard to know for sure what you mean by “category titles on the main screen,” but give this a shot:

.category-list .category-name:hover {
    color: blue;
}

If that’s not what you are looking for, a screenshot showing what you are trying to target would be helpful :slight_smile:

3

wef
wef482×257 14 KB

Here is an example box from my main screen. I want to change the color of the text of “Off-topic”, which is a category name, when I hover over it. It is possible something from my CSS is already keeping it from changing. But unfortunately that code you gave didnt work. Any thoughts?

4

Ah yeah, the box styling uses different classes. Thanks for including the screenshot. You need to get pretty specific with the selector:

.category-boxes-with-topics .category-box-heading a:hover {
    color: blue;
}
5

thank you! that solved it