Getting Icon and Text to Change Color on Hover

Design help General
1

Hi there!

I have an arrow Icon and the text “Work with Us” set inside of a link block. I was able to get the text to change color on hover (#bc997f), but I’d also like the arrow to change color along with the text. Is there any way to do this??

Read only link: https://preview.webflow.com/preview/raine-creative-studio?utm_medium=preview_link&utm_source=designer&utm_content=raine-creative-studio&preview=11113d02eb17cdd317a38f11cc0bfef8&workflow=preview

Thanks in advance!

1 Like
2

Hello @christinearel

I can see that you are using an image for the arrow. You can’t really change the image color in Webflow. You can do the following:

  1. Export 2 images > one for the black and one for the hover
  2. Add both images and make the hover image absolute
  3. Change display settings on hover using interactions

Sharing a video for you to see the basic set up > https://youtu.be/KN373a5Z73o

Hope this helps :webflow_heart:

3

That worked perfectly! I would’ve never figured that out on my own. Thanks so much Piter!

1 Like
4

Happy to help @christinearel

Feel free to reach out if you need help :webflow_heart:

1 Like