Webstudio
Log in

Join the Webstudio community

Updated last month

replicate menu hover state

At a glance

The community member is trying to replicate the hover state of a menu, where the text changes color from black to gray and "01" changes from gray to orange. They have created a link with a box inside, and two text elements inside the box, but they are unable to change the colors on hover. Another community member suggests setting two color variables on the link and using them internally. The community member asks how to do this, and a third community member provides a video link as an answer.

Useful resources
ddavideakadudu
hi guys, maybe its a stuoid question but i'm going crazy 🙂 how can i reaplicate the hover state of this menu https://remix-star-expand.figma.site/ (it's a simple color change in both text included in the menu element "brand strategy" from black to gray and "01" from gray to orange). i made a link, inside the link a box and inside the box the two text elements but i can't change color on hover to change in the same time going on the link. I hope you understand what i want to do 🙂
BBogdan
Marked as solution
Check this video
https://www.youtube.com/watch?v=rg49mmDvdlE
View full solution
B
d
3 comments
BBogdan
You set two color variables on link and use them internally
ddavideakadudu
how can i do that?
BBogdan
Check this video
https://www.youtube.com/watch?v=rg49mmDvdlE
Add a reply
Sign up and join the conversation on Discord