creativetimofficial / ct-light-bootstrap-dashboard-pro-react

LBD Pro React Version
20 stars 8 forks source link

changing tooltip css #4

Closed seanmccay closed 6 years ago

seanmccay commented 6 years ago

I'm trying to make my tooltips black with white text. I was able to do that for the text bubble, but the arrow is still yellow and my selectors don't seem to catch it.

Here's my selector:

.tooltip-inner,.tooltip-arrow {
    background-color: black;
    color: white;
}

I also tried the solution shown here in this StackOverflow Question

.tooltip-arrow,
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}

.red-tooltip + .tooltip.top > .tooltip-arrow {background-color: #f00;}

Have yall messed with this before?

seanmccay commented 6 years ago

Ah, disregard. I found the styles for it in _tooltips-and-popovers.scss.