Apply CSS to popover in Bootstrap

by

The reason appears to be that the javascript is creating brand new elements to display the popover itself. These new elements have different css class names than the original.

Try adding this to your css: 

.popover-title {
    color: blue;
    font-size: 15px;
}
.popover-content {
    color: red;
    font-size: 10px;
}

Update

Depending on the library version you’re using, the names may be different. If the above does not work, try using .popover-header and .popover-body instead.

Leave a Comment