# How to make white color in hover?

**URL:** <https://forum.pinegrow.com/t/how-to-make-white-color-in-hover/6340>\
**Category:** Pinegrow Interactions Add-on\
**Created:** [March 1, 2022, 8:45am UTC](https://forum.pinegrow.com/t/how-to-make-white-color-in-hover/6340 "2022-03-01T08:45:52Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)\
**Post date:** [March 1, 2022, 8:45am UTC](https://forum.pinegrow.com/t/how-to-make-white-color-in-hover/6340/1 "2022-03-01T08:45:52Z")

</div>

1. Button Bootstrap 5.1 =\> Outline : Green  
When I don’t mouse over, the color of button is white and text color is green.  
When I mouse over, the color of button is green and text color is white.  
 ![스크린샷 2022-03-01 오후 5.45.11](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/a/ab0b97d77002fe04cb6742f56c607af083338155.png)

![스크린샷 2022-03-01 오후 5.46.15](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/c/ca083911a03611298d68ff42c2ae56d65687f34d.png)

1. Text Bootstrap 5.1 =\> Text color =\> Black selection.  
When I don’t mouse over, the color of button is white and text color is black.  
When I mouse over, the color of button is green and text color is black.

![스크린샷 2022-03-01 오후 5.52.52](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/1/12567d6880be1d3c4a910666045b1b931f9b5e47.png)

![스크린샷 2022-03-01 오후 5.53.25](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/e/ee7a96f905d20b73ace32bcfd2c1306a4d0efdb9.png)

In Text Bootstrap 5.1 =\> Text color =\> Black selection,  
I want that when I mouse over, the color of button is green and text color is white.

How to make the text color into white?

Thanks.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 1, 2022, 10:59am UTC](https://forum.pinegrow.com/t/how-to-make-white-color-in-hover/6340/2 "2022-03-01T10:59:29Z")

</div>

Hi @alexseo,  
I could be wrong, but you can’t do this with built in classes in Bootstrap. It is opinionated about how the buttons should appear on hover. You need to use some custom CSS for this. I can help you with this, but since I don’t know the code of the button (what classes or specific attributes) or use case (just this button, all buttons?) I can’t help without more info.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)\
**Post date:** [March 1, 2022, 11:11am UTC](https://forum.pinegrow.com/t/how-to-make-white-color-in-hover/6340/3 "2022-03-01T11:11:52Z")

</div>

Thank you very much for replying.

I use the following code.

 ![스크린샷 2022-03-01 오후 8.12.38](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/bad227057603060648c28d2276e1ce0c5bce0d7b.png)

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 1, 2022, 12:03pm UTC](https://forum.pinegrow.com/t/how-to-make-white-color-in-hover/6340/4 "2022-03-01T12:03:40Z")

</div>

Which buttons do you want to target?

---

<div class="post-metadata">

**Author:** ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)\
**Post date:** [March 9, 2022, 4:10am UTC](https://forum.pinegrow.com/t/how-to-make-white-color-in-hover/6340/5 "2022-03-09T04:10:55Z")

</div>

Thank you very much.  
I solved it.