Skip to Content (Press Enter)
UserImage.jpg
Zachary Hardy
412Views
3Comments
Solved
add tooltip border and border color
Question
Reactive
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
0
0
13 Jan 2021
Copy Link
2020-05-07 18-53-00
Rui Barradas
 
MVP
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

2
0
14 Jan 2021
Copy Link
UserImage.jpg
Zachary Hardy

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

1
0
14 Jan 2021
Copy Link
2020-05-07 18-53-00
Rui Barradas
 
MVP

Replying to Lynn Hardy's comment on 14 Jan 2021 03:43:51

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

0
0
14 Jan 2021
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.