12
Views
3
Comments
Solved
add tooltip border and border color
Question
Application Type
Reactive
Service Studio Version
11.10.5 (Build 37061)

I'm trying to make the border appear for a tool tip so my tooltip does not blend into the background. I can change the tooltip to white and change the color text to black, but I am unable to add a border. 

my CSS:

.tooltip-wrapper{
    border-width: 10px;
    border-color: black;
    background-color: rgb(255,255,255);

}


20210113164323.png

Rank: #94
Solution

Hello there Lynn,

Hope you're doing well.


It seems that you're just missing to define a border style :)

Something like this should do the trick:

.tooltip-wrapper{
    border-style: solid;
    border-width: 2px;
    border-color: black;
    background-color: rgb(255,255,255);
}

(I changed width to 2px because 10px seems to be too much :D but you can change it accordingly to your needs)


Here's the result:


Hope that this helps you!


Kind regards,

Rui Barradas

Rank: #33332

thank you! my CSS is rusty and I couldn't figure out why it wasn't working haha

Rank: #94

No worries Lynn :)

I'm glad that it worked for you!

Please consider to mark previous answer as a solution so other forum members can benefit if they run into a similar problem :)


Thank you,

Rui Barradas