Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
This is the place for questions about learning design and pedagogy; how to use different page types for different purposes.
  • Page:
  • 1
  • 2

TOPIC: Glossary highlighting -> Font colour

Glossary highlighting -> Font colour 5 months 3 days ago #6450

  • GoodWork
  • GoodWork's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 10
  • Thank you received: 0
Hi Ron

And just another thing within this topic...
How can I get rid of the image (The image I link my hotspots to) border? In other templates there is a "show border" checkbox, but this one is missing here...

Thanks
Stefan

Please Inloggen or Create an account to join the conversation.

Glossary highlighting -> Font colour 5 months 3 days ago #6451

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 622
  • Thank you received: 162
Hi Stefan
Try the following:
.x_annotatedDiagram_page .highlight {
	background: #B32B76;
}
.x_annotatedDiagram_page .panel{
border:none;
  box-shadow:none;
   -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
Using .x_annotatedDiagram_page will mean that the styles only apply to that page type.
Change #B32B76 to whatever colour you want that works with the dark background and light grey text. In my example I have the Highlight colour set to #B32B76 rather than yellow so works well

To identify what IDs or Classes to target either look at the code or use your browser developer tools F12 and inspect the various elements.

HTH
Ron
Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/
Attachments:

Please Inloggen or Create an account to join the conversation.

  • Page:
  • 1
  • 2
Moderators: ingdon
Time to create page: 0.043 seconds
Copyright © 2020 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search