Report any technical problems you discover and discuss solutions.
Glossary - backgroundcolor Info bubble
Martens
Topic Author
Offline
New Member
Less
More
Posts: 17
Thank you received: 0
9 months 3 weeks ago #9627
by Martens
If you create a glossary, you can display the meaning of a word in a info bubble when hovering over it.
How can I change the background color of the bubble? What is the CSS code for this?
Please Log in or Create an account to join the conversation.
Less
More
Posts: 1364
Thank you received: 344
9 months 2 weeks ago #9628
by tom
The hover itself has id x_glossaryHover but the colors are set on the class x_tooltip by default. So this should do the trick:
.x_tooltip {
border: 1px solid #937184;
background-color: #937184;
}
Please Log in or Create an account to join the conversation.
Martens
Topic Author
Offline
New Member
Less
More
Posts: 17
Thank you received: 0
9 months 1 week ago #9633
by Martens
It is not working. I've tried adding !important, but it still doesn't work.
.x_tooltip {
border: 1px solid #937184 !important;
background-color: #937184 !important;
}
Please Log in or Create an account to join the conversation.
Less
More
Posts: 1364
Thank you received: 344
9 months 1 week ago #9635
by tom
A question that I should have started wit, is this in the Nottingham/xot template or the bootstrap? The example should work for Nottingham/xot.
Please Log in or Create an account to join the conversation.
Martens
Topic Author
Offline
New Member
Less
More
Posts: 17
Thank you received: 0
Less
More
Posts: 1364
Thank you received: 344
9 months 1 week ago #9638
by tom
Ok then
You can use
.glossaryTip {
border: 1px solid #937184;
background-color: #937184;
}
The following user(s) said Thank You:
Martens
Please Log in or Create an account to join the conversation.
Moderators: ronm , julten , JohnSmith