Categories

Featured templates

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

Jeff Bell January 21, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

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
This entry was posted in JS Animated tutorials and tagged color, css, hover, HTML. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket