Glitch: CSS & Action Row Button (link)

Ask for Help
1

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?

2

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

3

Yes.

4

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

5

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.

6

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.

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

I will try it.
Thank you.

8

It worked.

Thank you so much!

1 Like
9

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

10

Will do. Again, thank you.

11

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