# Make Tiles List Row stand out on action

**URL:** <https://community.glideapps.com/t/make-tiles-list-row-stand-out-on-action/53066>\
**Category:** Ask for Help\
**Created:** [November 1, 2022, 7:17pm UTC](https://community.glideapps.com/t/make-tiles-list-row-stand-out-on-action/53066 "2022-11-01T19:17:53Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 1, 2022, 7:17pm UTC](https://community.glideapps.com/t/make-tiles-list-row-stand-out-on-action/53066/1 "2022-11-01T19:17:53Z")

</div>

I have a horizontal Tiles List with a bunch of circle-shaped images. When I press on an image, I want the image/Tiles row to stand out. Either by making the image a little bit bigger or making a circle around it. However, I can’t seem to know how.  
I have experimented with some CSS code, but it either shows for all images or none of them.  
CSS code:

> **[Code BOOK - Desktop](https://code-book-desktop.glideapp.io/dl/da19fa/s/04a872/r/MPkK8s8sTnC3YBQUDEIJNw)**
>
> share cool CSS, scripts and links

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 1, 2022, 7:20pm UTC](https://community.glideapps.com/t/make-tiles-list-row-stand-out-on-action/53066/2 "2022-11-01T19:20:00Z")

</div>

do you mean click or hover?

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 1, 2022, 7:20pm UTC](https://community.glideapps.com/t/make-tiles-list-row-stand-out-on-action/53066/3 "2022-11-01T19:20:43Z")

</div>

Press. It should only be on action. It is an glide app, not pages

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 1, 2022, 7:21pm UTC](https://community.glideapps.com/t/make-tiles-list-row-stand-out-on-action/53066/4 "2022-11-01T19:21:20Z")

</div>

you have to replace the image using action. or create a template CSS to find the clicked element and change its atributes

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 1, 2022, 7:25pm UTC](https://community.glideapps.com/t/make-tiles-list-row-stand-out-on-action/53066/5 "2022-11-01T19:25:31Z")

</div>

How can I make a Tiles row bigger with CSS?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 1, 2022, 7:26pm UTC](https://community.glideapps.com/t/make-tiles-list-row-stand-out-on-action/53066/6 "2022-11-01T19:26:39Z")

</div>

can you show an example? you can adjust how many tiles are in the row… less you have , the bigger row it is

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 1, 2022, 7:29pm UTC](https://community.glideapps.com/t/make-tiles-list-row-stand-out-on-action/53066/7 "2022-11-01T19:29:01Z")

</div>

If this is what you mean.  
This is the list I’m talking about. When I click on one of the images/rows, I want it to stand out from the rest by changing the size, or by adding a circle around the selected row.  
 ![Screenshot 2022-11-01 at 20.27.37](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/6/964d2741d37c6761bf5fa21dda998f15f36def09.png)

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [November 1, 2022, 8:13pm UTC](https://community.glideapps.com/t/make-tiles-list-row-stand-out-on-action/53066/8 "2022-11-01T20:13:30Z")

</div>

Unfortunately, Glide changed the selector to an undefined one, so it is hard time to calculate the position… maybe someone here cracked this?
