Hi! In this tutorial we’ll show you how to add a hover color to an item using CSS in JS Animated templates.
To add a hover color to an item on your site, you’ll need to use developers tool like Firebug. Inspect the required element with the tool of your choice:
Add pseudoclass :hover to the required element in css section and assign the background to the element:
Copy the rule you created and paste it to the bottom of your style.css file. Save the changes.
Refresh the page to check how it works:
Now you know how to add a custom color on an item hover using CSS. Feel free to check the detailed video tutorial below: