Bootstrap popover change full background

Question

When I try to change the popover background color, I get the problem that not the full popover is using that background ( The triangle pointing to the speaker):

enter image description here

My css:

.popover-content {
    background-color: #FCD086;
    font-size: 10px;
}

Most probably the triangle is done by pseudo element :after. So you need to inspect that and change the styling of that. — Sujata Chanda, Feb 13 '15 at 11:16

score 2 · Accepted Answer · answered Feb 13 '15 at 11:17

2

you should change this css too:

    .popover.top .arrow:after {
      bottom: 1px;
      margin-left: -10px;
      border-top-color: #FCD086; /*<----here*/
      border-bottom-width: 0;
      content: " ";
    }

answered Feb 13 '15 at 11:17

Jai

74,255
12
74
103

I'd leave off the `.top` so it works no matter which direction the popover opens in. – Tyler James Young Feb 12 '21 at 17:28

Bootstrap popover change full background

1 Answers1