Skip to main content
Question

Override Text on Hover not working

Matea_Cumpf

Hi there!

New to Figma, but I did make sure to watch all the tutorial videos and go through forums before posting.

What I’m using:
Figma Desktop App version 116.4.4, on macOS Catalina version 10.15.7

The problem I’m experiencing:
I created a component for a menu item to use in my nav bar, and for the menu item they obviously need to be labelled different. So I created instances on my frame, and then change the text. Noticed that on hover the text change for those instances did not work, changed it within the design file but on the prototype it does not show the changes.

Screenshots:

Screen Shot 2022-11-02 at 10.31.46 AM

But on the prototype, the default shows the text changed, but on the hover it goes back to the default text “Menu Item”.

Is anyone else having issues?

Let me know!

Thanks,
Matea

This topic has been closed for comments

13 replies

tank666
  • tank666
  • 4859 replies
  • November 2, 2022

Your text elements must have the same name in all variants in order to preserve overrides (eg. “label”).

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
Carrie_Rumancik
A
2 people like this
  • Carrie_Rumancik
    Carrie_Rumancik
  • A
    Artemiy_Galeev
Matea_Cumpf
  • Matea_Cumpf
  • Author
  • 6 replies
  • November 2, 2022

Do you mean instead of “MenuItem/Default” and “MenuItem/Hover”?

I tried that and this issue is still occurring. On hover the type is still “Menu Item”

Screen Shot 2022-11-02 at 11.13.00 AM

Matea_Cumpf
  • Matea_Cumpf
  • Author
  • 6 replies
  • November 2, 2022

Screen Shot 2022-11-02 at 11.14.21 AM
Here is a screenshot of the prototype.

tank666
  • tank666
  • 4859 replies
  • November 2, 2022

Could you share a link to an example file?

UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
Matea_Cumpf
  • Matea_Cumpf
  • Author
  • 6 replies
  • November 2, 2022

Yes of course; https://www.figma.com/file/1KFbpu7L6N4PnKkhottiat/Untitled?node-id=2%3A17

Really appreciate your help on this!

Dezn
1 person likes this
  • Dezn
    Dezn
Theo_Luciano

It’s not public currently, so we can’t view it.

Theo_Luciano

can you update permissions?

Matea_Cumpf
  • Matea_Cumpf
  • Author
  • 6 replies
  • November 2, 2022
Figma – 31 Oct 22

Screen Shot 2022-11-02 at 12.16.11 PM

Theo_Luciano

Here’s your problem…
image

The children of “hover” and “default” need to be named the same.

Carrie_Rumancik
R
Matea_Cumpf
4 people like this
  • Carrie_Rumancik
    Carrie_Rumancik
  • R
    RiFat1
  • Matea_Cumpf
    Matea_Cumpf
  • D
    defotalha
Matea_Cumpf
  • Matea_Cumpf
  • Author
  • 6 replies
  • November 2, 2022

OH! In the main component!!
I see, thank you!!

Theo_Luciano
1 person likes this
  • Theo_Luciano
    Theo_Luciano
Theo_Luciano

for sure, happy to help!

Actually this caught my eye cause I was struggling with it last month. I wrote an in-depth piece on it if you want to check it out.

https://bootcamp.uxdesign.cc/retaining-styles-when-swapping-instances-within-a-nested-component-figma-201-335d054187d0

Matea_Cumpf
1 person likes this
  • Matea_Cumpf
    Matea_Cumpf
Matea_Cumpf
  • Matea_Cumpf
  • Author
  • 6 replies
  • November 2, 2022

Obviously need to learn more, so appreciate the link! Will check it out!

Thanks again 🙂

A
  • Anonymous
  • 0 replies
  • December 2, 2022

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings