javascript - How to make my entire popover backgorund color change -
my problem arrow thing in popover didn't change , still color white.
current code:
css:
.popover { background: #be7979; color: white; border-bottom-color: #be7979; border-top-color: #be7979; border-left-color: #be7979; border-right-color: #be7979; }
you have change css selector this:
.popover.bottom > .arrow:after { border-bottom-color: #be7979; <-----------// replace white color #be7979 border-top-width: 0; content: " "; margin-left: -10px; top: 1px; } .popover.top > .arrow { border-bottom-width: 0; border-top-color: #be7979; bottom: -11px; left: 50%; margin-left: -11px; } .popover.right > .arrow:after { border-left-width: 0; border-right-color: #be7979; bottom: -10px; content: " "; left: 1px; } .popover.left > .arrow:after { border-left-color: #be7979; border-right-width: 0; bottom: -10px; content: " "; right: 1px; }
Comments
Post a Comment