XF 2.2 Category hover title

williamt

Member
I have been trying to figure out how to get the category tile to change colors on mouse over hover can some one help me figure this out please.
 

Attachments

  • mouse hover.webp
    mouse hover.webp
    16 KB · Views: 16
Solution
If you are using a desktop and Chrome, press F12, select the Elements tab, then click on the arrow on the far left:

1697030895250.png

Then click on the element on the page. That provides the CSS in the column on the right:

1697030952175.png

You can then select hover to see the CSS in use for that:

1697030989093.png

You can now use that class in the extra.less template to modify it as needed.

In this case it is .block-header a:hover so you would add:

Less:
.block-header a:hover
{
    color: orange;
}
If you are using a desktop and Chrome, press F12, select the Elements tab, then click on the arrow on the far left:

1697030895250.png

Then click on the element on the page. That provides the CSS in the column on the right:

1697030952175.png

You can then select hover to see the CSS in use for that:

1697030989093.png

You can now use that class in the extra.less template to modify it as needed.

In this case it is .block-header a:hover so you would add:

Less:
.block-header a:hover
{
    color: orange;
}
 
Solution
Back
Top Bottom