The place for more technical questions for those who want to create new pagetypes or bespoke functionality.

How to change tab color in standard xerte template?

  • bobbiethebuilder
  • Onderwerp Auteur
  • Offline
  • Nieuw lid
  • Nieuw lid
Meer
1 jaar 11 maanden geleden #9184 door bobbiethebuilder
How to change tab color in standard xerte template? werd gestart door bobbiethebuilder
I'm building an XOT and using the Modern Sleek Gray template.
Within this template, the titles of the tabs are blue. How can you change this color?
What css code do i need to write to change this?

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
1 jaar 11 maanden geleden #9185 door ronm
What page type are you using and referring to? Do you mean the background of a selected tab in a tab navigator is blue?
If so try:
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
background:#F00000;
}
But learn how to use the browser tools to find the selector you need on a given page element e.g. right click and select inspect then look at the styles and explore changing values until you find what you need.
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/

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Moderators: JohnSmith
Tijd voor maken pagina: 0.127 seconden
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo