Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
The place for more technical questions for those who want to create new pagetypes or bespoke functionality.
  • Page:
  • 1

TOPIC:

Transparent labels drag & drop labelling 7 years 5 months ago #4522

  • annekedijk
  • annekedijk's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 2
  • Thank you received: 0
Dear all,

I use the page type Drag and Drop labelling. Is it possible to make the background of the labels transparent instead of white? I would like to place an image of a colored lens in the title field and let the students drag & drop the lens at an image of the eye.

Please Log in or Create an account to join the conversation.

Transparent labels drag & drop labelling 7 years 5 months ago #4523

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 850
  • Thank you received: 261
Add an optional styles property and then add something like the following:
#labelHolder .label {
    background: none;
    border: none;
    box-shadow: none;
}
The above is basically removing the default background, border and shadow.
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 Log in or Create an account to join the conversation.

Transparent labels drag & drop labelling 7 years 5 months ago #4524

  • annekedijk
  • annekedijk's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 2
  • Thank you received: 0
Thanks Ron!

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Moderators: JohnSmith
Time to create page: 0.058 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search