How To Change Hover Color In Webflow



Guide

  1. Select the element you wish to change color on hover.

  2. Go to the Style tab on the right sidebar menu.

  3. Click on the dropdown menu for the Style selector.

  4. Under States, select Hover.

  5. Verify you are editing the Hover state.

  6. Scroll down to the Color settings under Typography for text elements.

  7. Pick a color for hover state.

  8. You can test these changes from the Preview option on the top.

  9. Your element will have its regular color by default.

  10. And will change into the new color upon hover.

🚀

Create your first interactive demo in minutes

No credit card required • Start building today

Start free

    This website uses cookies to enhance the user experience.

    AcceptDecline