# Silly question about hover color **URL:** \ **Category:** Elements\ **Created:** [May 8, 2025, 9:13am UTC](https://forums.realmacsoftware.com/t/silly-question-about-hover-color/47459 "2025-05-08T09:13:18Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Massimo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/massimo/32/25456_2.png) [@Massimo](https://forums.realmacsoftware.com/u/Massimo)\ **Post date:** [May 8, 2025, 9:13am UTC](https://forums.realmacsoftware.com/t/silly-question-about-hover-color/47459/1 "2025-05-08T09:13:18Z")
A simple question: I have a **Container** (_parent_) with a **Container** (_child_) inside it. How do I make **Container** (_child_) change background color when the mouse enters **Container** (_parent_)? I could not find the way. It would be easy to do this if the **Background** section also had (as in the **Transform** section) the ability to be able to select **Over** (_Self_, _Parent_, _Container_, _Grid_, _Flex_, _Custom ID_). ![Screenshot 2025-05-08 alle 11.04.46](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/7/77ae428b674d1a7664e9494ca390c72890131a64.png) But which it does not have: ![Screenshot 2025-05-08 alle 11.03.11](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/5/553a9cff90e4c7a891c73756dcc70e1d23b67b60.png) Same for the color setting in the **SVG** component. Here the **Over** property is there but you can only select between _Self_ and _Parent_. If also here there was the possibility at least to select _Custom ID_ it would be easy to change color when the mouse enters a specific component. ![Screenshot 2025-05-08 alle 11.01.31](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/c/9c8a545726a3a063836ee6850c97736d48414ca5.png) Actually, speaking generally, it would be very useful to be able to set the **hover state** (with _Self_, _Parent_, _Container_, _Grid_, _Flex_, _Custom ID_) for **Margin** , **Padding** , **Opacity** and certainly other properties as well. ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [May 8, 2025, 1:54pm UTC](https://forums.realmacsoftware.com/t/silly-question-about-hover-color/47459/2 "2025-05-08T13:54:35Z")
> [@Massimo](#): > > I have a **Container** (_parent_) with a **Container** (_child_) inside it. How do I make **Container** (_child_) change background color when the mouse enters **Container** (_parent_)? The Container doesn’t currently support this workflow, there are some technical issues that would make this tricky to achieve, but if enough people request it we will certainly take a look at adding that feature 🙂 ---
**Author:** ![Massimo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/massimo/32/25456_2.png) [@Massimo](https://forums.realmacsoftware.com/u/Massimo)\ **Post date:** [May 8, 2025, 2:05pm UTC](https://forums.realmacsoftware.com/t/silly-question-about-hover-color/47459/3 "2025-05-08T14:05:13Z")
I sincerely hope you can solve these technical problems because it is a really common thing to want to change the color of an element (but also its opacity) based on mouse hover over its parent. [Elements](https://elementsapp.io/) is an advanced software, I think it would be a pretty major shortcoming not to include these features, even if are not fundamental. For now I will achieve the goal by inserting some CSS code. ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [May 8, 2025, 2:41pm UTC](https://forums.realmacsoftware.com/t/silly-question-about-hover-color/47459/4 "2025-05-08T14:41:59Z")
> [@Massimo](#): > > For now I will achieve the goal by inserting some CSS code. FYI (not sure if you’ve seen this yet): you can use the `Advanced→CSS Classes` box to add Tailwind classes to each component 🙂 ---
**Author:** ![Massimo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/massimo/32/25456_2.png) [@Massimo](https://forums.realmacsoftware.com/u/Massimo)\ **Post date:** [May 8, 2025, 3:18pm UTC](https://forums.realmacsoftware.com/t/silly-question-about-hover-color/47459/5 "2025-05-08T15:18:36Z")
Yes, I will certainly try TailwindCSS classes first 👍