Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
Forum
Main Forum
Bugs and Issues
Glossary - backgroundcolor Info bubble
Report any technical problems you discover and discuss solutions.
  • Page:
  • 1

TOPIC:

Glossary - backgroundcolor Info bubble 3 weeks 1 day ago #9627

  • Martens
  • Martens's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 16
  • Thank you received: 0
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?
Attachments:

Please Inloggen or Create an account to join the conversation.

Glossary - backgroundcolor Info bubble 3 weeks 8 hours ago #9628

  • tom
  • tom's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 1343
  • Thank you received: 336
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 Inloggen or Create an account to join the conversation.

Glossary - backgroundcolor Info bubble 1 week 6 days ago #9633

  • Martens
  • Martens's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 16
  • Thank you received: 0
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 Inloggen or Create an account to join the conversation.

Glossary - backgroundcolor Info bubble 1 week 6 days ago #9635

  • tom
  • tom's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 1343
  • Thank you received: 336
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 Inloggen or Create an account to join the conversation.

Glossary - backgroundcolor Info bubble 1 week 6 days ago #9636

  • Martens
  • Martens's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 16
  • Thank you received: 0
Bootstrap :)

Please Inloggen or Create an account to join the conversation.

Glossary - backgroundcolor Info bubble 1 week 6 days ago #9638

  • tom
  • tom's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 1343
  • Thank you received: 336
Ok then :-)

You can use

.glossaryTip {
border: 1px solid #937184;
background-color: #937184;
}
The following user(s) said Thank You: Martens

Please Inloggen or Create an account to join the conversation.
  • Page:
  • 1
Moderators: ronm, julten, JohnSmith
Forum
Main Forum
Bugs and Issues
Glossary - backgroundcolor Info bubble
Time to create page: 0.052 seconds
Main Pages
Copyright © 2025 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search