Page 1 of 1

Change color of Children tabs

Posted: 2024-10-22 02:02
by joshianjvj83
I’m working on a document tracking system, and I need some assistance with changing the color of the child tabs ("Actions" and "PRIVATE Action" or other future tabs). It would be helpful for users to make the tabs color coded for visibility such as Private/URGENT as color red.

Re: Change color of Children tabs

Posted: 2024-10-23 13:55
by a.gneady
You can add a CSS rule for this in hooks/footer-extras.php. Here is an example:

Code: Select all

<style>
.child-table-employees > a {
  background-color: #f00 !important;
  color: white !important;
}
.child-table-orders > a {
	background-color: #060 !important;
	color: #ff0 !important;
}
</style>
The selector format is .child-table-{tablename}, and you should add !important after the color value to avoid other CSS rules overriding it. Here is the result of the above code example:
child-table-tab-color.png
child-table-tab-color.png (101.27 KiB) Viewed 8972 times

Re: Change color of Children tabs

Posted: 2024-10-24 01:58
by joshianjvj83
Huge thanks! I made it work

Re: Change color of Children tabs

Posted: 2024-12-25 03:30
by lramirez
Hi... this tip will also help you, so that the quantities have a flashing badge...

https://appgini.bizzworxx.de/appgini/ho ... -pure-css/