Unable to change button font color in css

Anvil Q&A
1

Hello,

i have created a custom role called ‘button_header’. I have assigned the custom role to my button within the IDE and created the following style in theme.css:

.anvil-role-button_header {
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  background: #ed3330;
  padding: 2px;
  border-radius: 5px;
  display: inline-block;
  border: none;
  transition: all 0.4s ease 0s;
  width: 100%;
  text-align: left !important;
}

As you can see, I have added the color: white statement. However, the font-color is still set to the theme Primary-Color. My CSS doesn’t have any modifications besides what I wrote above. Could you please help me sort this issue out?

2

you can adjust the color by applying it to the following css

.anvil-role-button_header .btn {
  color: white;
}
3

Oh, it was a very easy fix, thank you!