If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

JS Animated. How to add a hover color to the item using CSS

Hi! In this tutorial we’ll show you how to add a hover color to an item using CSS in JS Animated templates.

JS Animated. How to add a hover color to the item using CSS

  1. 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:

    How to add a custom color on an item hover using CSS1

  2. Add pseudoclass :hover to the required element in css section and assign the background to the element:

    How to add a custom color on an item hover using CSS2

  3. Copy the rule you created and paste it to the bottom of your style.css file. Save the changes.

  4. Refresh the page to check how it works:

    How to add a custom color on an item hover using CSS3

Now you know how to add a custom color on an item hover using CSS. Feel free to check the detailed video tutorial below:

JS Animated. How to add a hover color to the item using CSS