[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

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