Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
Report any technical problems you discover and discuss solutions.
  • Page:
  • 1

TOPIC:

bubble text on the hotspot image connector page 7 months 5 days ago #9442

  • Martens
  • Martens's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 12
  • Thank you received: 0
I would like to change the background color of the bubble text on the hotspot image connector page, among other things. However, I can't find the right CSS code. Does anyone know the CSS code for the bubble text?
Attachments:

Please Connexion or Create an account to join the conversation.

bubble text on the hotspot image connector page 7 months 5 days ago #9443

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 880
  • Thank you received: 270
Try something like the following:
.x_connectorHotspotImage_page div.hotspot_bubble {
color: red;
}
Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/
The following user(s) said Thank You: Martens

Please Connexion or Create an account to join the conversation.

bubble text on the hotspot image connector page 18 hours 35 minutes ago #9576

  • Martens
  • Martens's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 12
  • Thank you received: 0
Hi @Ron. The code doesn't work anymore. I think because of Xerte 3.14. Can you give me the new code... or can you explain how to find the right code. Because I can't find it with F12.

Please Connexion or Create an account to join the conversation.

Last edit: by Martens.

bubble text on the hotspot image connector page 17 hours 30 minutes ago #9577

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 880
  • Thank you received: 270
Hi Corine
You're right there does seem to be a difference between 3.13 and 3.14 preventing my previous suggestion from working in 3.14 and I'm not sure what exactly.
However where are you adding this? Are you adding at project level or in the styles property of your connector page? If the latter you can just use:
div.hotspot_bubble {
color: red;
}
I usually include the page selector so that I can add the css at project level and only impact that page type or even when added on the page too. However something seems to have changed that is preventing that from working now so try without the page selector?

HTH
Ron
Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/

Please Connexion or Create an account to join the conversation.

bubble text on the hotspot image connector page 17 hours 7 minutes ago #9578

  • Martens
  • Martens's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 12
  • Thank you received: 0
Thanks. It works now. I use the styles properties at page-level. Most of the time.

Please Connexion or Create an account to join the conversation.

  • Page:
  • 1
Moderators: ronmjultenJohnSmith
Time to create page: 0.964 seconds
Copyright © 2025 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search