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
  • Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 11 months ago #9184 by bobbiethebuilder
How to change tab color in standard xerte template? was created by 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?

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

More
1 year 11 months ago #9185 by 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/

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

Moderators: JohnSmith
Time to create page: 0.147 seconds
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo