I have in my application a bootstrap card with a header, which looks like this:
As a code I used:
<div class="card">
<div class="card-header card-header-warning">
<h4 class="card-title">Blah blah</h4>
</div>
<div class="card-body">
</div>
</div>
But I don't want to use the in bootstrap defined colors (like primary, warning, success...), I want to use other colors like cyan or bordeaux (in GRB fromat or HEX, just not bootstrap).
How may I implement this? I tried with defining an ID in the div like this:
<div class="card-header card-header-warning" id="card-header-color">
And in my css I had:
#card-header-color {
background-color: cyan;
}
But nothing has changed.
Then I deleted the "card-header-warning" part, but then the styling was also gone (look at the picture), so I just need a way to change the color, without having to style the header again.
I'd be really happy, if you could help me.