Skip to main content
H
hopeprintER
Participant
March 24, 2021
Answered

How to add Hover State to a group?

  • March 24, 2021
  • 1 reply
  • 641 views

How do I apply a hover state to a group of 2 objects? 

In my NAV Bar, I have a link that says SHOP. I have its Hover State set to turn blue when I hover over it.

I also have a thin rectangle above "SHOP" that, in its default state, is grey. I want it to turn blue as well when I hover over "SHOP."  

How do I do this? 

This topic has been closed for replies.
Correct answer Rishabh_Tiwari

Hi there,

 

Thanks for reaching out. If I understood correctly, you are trying to achieve this effect: https://xd.adobe.com/view/c3351a36-21a1-48e6-8be5-7b144755900c-9666/

 

If yes, you can group the two objects and then create the component, once you have added the hover state, in the hover state you can double-click on the object to go into isolation mode and select the colors. Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh

1 reply

Rishabh_Tiwari
Rishabh_TiwariCorrect answer
Legend
March 24, 2021

Hi there,

 

Thanks for reaching out. If I understood correctly, you are trying to achieve this effect: https://xd.adobe.com/view/c3351a36-21a1-48e6-8be5-7b144755900c-9666/

 

If yes, you can group the two objects and then create the component, once you have added the hover state, in the hover state you can double-click on the object to go into isolation mode and select the colors. Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices