Customize buttons - CSS

Ask for Help
1

Hello,

I need advice on how to customize the color of two different buttons (screenshot in the attachment). After adding Custom CSS for the second button, the first one reverts to its default display. What should the CSS settings look like so that each of the buttons has a different color and not the default one?

Thank you for the advice.
Monika

button 1
button 11843×626 97.3 KB

button 2
button 21827×612 80.5 KB

1 Like
2

Looks to be working for me.

.click button[aria-label="Button 1"] {
background: #60A3D9;
color: white;
}

.click2 button[aria-label="Button 2"] {
background: #B1D8B7;
color: black;
}

image
image501×914 17.9 KB

2 Likes
3

I had the same issue while testing custom css… after adding more css everything went… even though i did it again, it would keep its default css. I changed the css class names and wrote the css all over and it worked. Not sure what was the issue.

1 Like
4

Thank you! I tried the settings according to the instructions and it works.

1 Like
5

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