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:

How to change tab color in standard xerte template? 1 month 4 weeks ago #9184

  • bobbiethebuilder
  • bobbiethebuilder's Avatar Topic Author
  • Offline
  • New Member
  • New Member
  • Posts: 1
  • Thank you received: 0
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.

How to change tab color in standard xerte template? 1 month 4 weeks ago #9185

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 842
  • Thank you received: 257
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.

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

Search