# Glitch: CSS & Action Row Button (link)

**URL:** https://community.glideapps.com/t/glitch-css-action-row-button-link/72386
**Category:** Ask for Help
**Created:** [April 8, 2024, 12:25pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386 "2024-04-08T12:25:13Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 8, 2024, 12:25pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386/1 "2024-04-08T12:25:13Z")

</div>

I noticed last night

I created a row action button (that is a link).  
**My css code** :

.help-me button:nth-child(2) {  
background: #EE3124;  
color: white;  
}

The button color did NOT change color - red (#EE3124)  
I tried the css code on a action row **button that was not a link** & it worked.

Has any body else seen or had this problem?  
Is this a glitch?

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [April 8, 2024, 12:50pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386/2 "2024-04-08T12:50:55Z")

</div>

Have you turned on the “Preview custom CSS” button?

---

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 8, 2024, 1:01pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386/3 "2024-04-08T13:01:21Z")

</div>

Yes.

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [April 8, 2024, 1:06pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386/4 "2024-04-08T13:06:08Z")

</div>

Try to make sure the class name in your component is not deleted, because I tested your css and it works fine.

---

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 8, 2024, 1:21pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386/5 "2024-04-08T13:21:11Z")

</div>

I tried my code on a action row button that is a link. My code did not work.

I then tried the same code on a action row button that was NOT a link & my code worked.

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [April 8, 2024, 1:32pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386/6 "2024-04-08T13:32:46Z")

</div>

This is because the object is no longer a button, but a href. Just use this…, change the label aria to the name of your button.

```auto
.help-me [aria-label="Button name"]{
background: #EE3124;
color: white;
}

```

---

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 8, 2024, 1:45pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386/7 "2024-04-08T13:45:00Z")

</div>

I will try it.  
Thank you.

---

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 8, 2024, 2:22pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386/8 "2024-04-08T14:22:48Z")

</div>

It worked.

Thank you so much!

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [April 8, 2024, 2:25pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386/9 "2024-04-08T14:25:42Z")

</div>

Don’t forget, when you change the button name, you have to change the aria-label in the CSS too

---

<div class="post-metadata">

### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224)
#### Post date: [April 8, 2024, 2:36pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386/10 "2024-04-08T14:36:55Z")

</div>

Will do. Again, thank you.

---

<div class="post-metadata">

### Author: ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)
#### Post date: [April 15, 2024, 2:37pm UTC](https://community.glideapps.com/t/glitch-css-action-row-button-link/72386/11 "2024-04-15T14:37:54Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
