How to override Bootstrap's Panel heading background color?

Question

I\'m using a Panel from Bootstrap however for the heading I want to use my own background color for the heading. When I don\'t put panel-heading class

Answer 1

You can simply add an id attribute to the panel. Like this

Hello world

Then in your custom CSS file:

#mypanelId{
    background-image: none;
    background: rgba(22, 20, 100, 0.8);
    color: white;
     }