# Index button colour change

**URL:** <https://forum.readymag.com/t/index-button-colour-change/1629>\
**Category:** General topics\
**Created:** [May 20, 2023, 9:01am UTC](https://forum.readymag.com/t/index-button-colour-change/1629 "2023-05-20T09:01:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Carmen\_Verheijen](https://avatars.discourse-cdn.com/v4/letter/c/8491ac/32.png) [@Carmen\_Verheijen](https://forum.readymag.com/u/Carmen_Verheijen)\
**Post date:** [May 20, 2023, 9:01am UTC](https://forum.readymag.com/t/index-button-colour-change/1629/1 "2023-05-20T09:01:19Z")

</div>

[Screenshot 2023-05-20 at 09.54.49|690x274](https://forum.readymag.com/uploads/short-url/ynnAHPMSpwBveNL7DODcQ4Ne7YJ.png)

Hi all!  
I’m creating an index for my portfolio similar to the attached image. I’d like to design it so that when a user hoovers on a row, the whole row changes colour. I know how to create this using the button function. However, it is nearly impossible to line up the elements in perfect columns.  
I could of course create the columns using regular text functions. However, I don’t know how to get them to change colour upon hoover.

Any suggestions are more than welcome 🙂

---

<div class="post-metadata">

**Author:** ![Readymag](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/readymag/32/3_2.png) [@Readymag](https://forum.readymag.com/u/Readymag)\
**Post date:** [May 26, 2023, 3:15pm UTC](https://forum.readymag.com/t/index-button-colour-change/1629/2 "2023-05-26T15:15:46Z")

</div>

Hello! You can do it via text links. Watch this tutorial to learn more:

[![](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/2X/7/7c144437dfb6d6862790d06629e9bc9e9fc5f69b.jpeg "Links in Readymag") ](https://www.youtube.com/watch?v=KmogiFIuELc)