# Hover Buttons - Can they have different text?

**URL:** <https://forum.wixstudio.com/t/hover-buttons-can-they-have-different-text/56331>\
**Category:** Ask the community\
**Tags:** wix-studio, question, design\
**Created:** [February 12, 2024, 9:24pm UTC](https://forum.wixstudio.com/t/hover-buttons-can-they-have-different-text/56331 "2024-02-12T21:24:22Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shayna\_Bryan](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/shayna_bryan/32/87968_2.png) [@Shayna\_Bryan](https://forum.wixstudio.com/u/Shayna_Bryan)\
**Post date:** [February 12, 2024, 9:24pm UTC](https://forum.wixstudio.com/t/hover-buttons-can-they-have-different-text/56331/1 "2024-02-12T21:24:22Z")

</div>

**Question:**  
Trying to figure out a way to have the text change when I hover over a button.

**Product:**  
Wix Studio

**What are you trying to achieve:**  
For example, the button would be white and say “Private Coaching” and then when you hover, it would turn black and say “Book Now” in white text.  
If I can’t do this with a button, is there another way to build it to seem like a button?

**What have you already tried:**  
I tried to build 2 containers and make a hover animation on one of them, but it keeps putting one container inside the other and I can’t separate them.

**Additional information:**  
Thank you!

---

<div class="post-metadata">

**Author:** ![Dan\_Suhr](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dan_suhr/32/94074_2.png) [@Dan\_Suhr](https://forum.wixstudio.com/u/Dan_Suhr)\
**Post date:** [February 12, 2024, 11:00pm UTC](https://forum.wixstudio.com/t/hover-buttons-can-they-have-different-text/56331/2 "2024-02-12T23:00:04Z")

</div>

You can add a hover animation to a container that will fade one button/test and show another button/test. You can then add links to them.  
This would work for your situation. If you need help let me know.

---

<div class="post-metadata">

**Author:** ![Shayna\_Bryan](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/shayna_bryan/32/87968_2.png) [@Shayna\_Bryan](https://forum.wixstudio.com/u/Shayna_Bryan)\
**Post date:** [February 12, 2024, 11:48pm UTC](https://forum.wixstudio.com/t/hover-buttons-can-they-have-different-text/56331/3 "2024-02-12T23:48:52Z")

</div>

Hi Dan - thanks for the reply. Hmmm… I’m a bit confused as to how to set it up. I’d love some more detail.

I did try it with two containers, but when I tried to layer them on top of one another, one went inside the other and I can’t figure out how to keep them separated but layered.

---

<div class="post-metadata">

**Author:** ![Dan\_Suhr](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dan_suhr/32/94074_2.png) [@Dan\_Suhr](https://forum.wixstudio.com/u/Dan_Suhr)\
**Post date:** [February 13, 2024, 12:13am UTC](https://forum.wixstudio.com/t/hover-buttons-can-they-have-different-text/56331/4 "2024-02-13T00:13:44Z")

</div>

option 1 - add 1 container - add 2 buttons - add hover effect to container to fade in and out each button.

option 2 - add a container that looks like a button - add 2 text , text with link on the Book Now text - add hover effect to container to fade in and out each text.

if still stuck you can contact me at DCI Designs and I can help further.

---

<div class="post-metadata">

**Author:** ![Shayna\_Bryan](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/shayna_bryan/32/87968_2.png) [@Shayna\_Bryan](https://forum.wixstudio.com/u/Shayna_Bryan)\
**Post date:** [February 13, 2024, 11:39pm UTC](https://forum.wixstudio.com/t/hover-buttons-can-they-have-different-text/56331/5 "2024-02-13T23:39:29Z")

</div>

Thank you for the help. It worked to have two buttons layered inside one container and put the hover/fade animation on the top one. Appreciate the tip!