- Posts: 83
- Thank you received: 0
Employees Tab Color code
- cirab63
- Topic Author
- Offline
- Premium Member
-
Less
More
12 years 3 months ago #24361
by cirab63
Employees Tab Color code was created by cirab63
Hello Dam,
Thank you for your continue support in this room. I hope you can provide an insight to my question.
Is there a way Employee’s Service Tab could be color coded for easy identification? As it stands right now, the tabs are grey in color and this makes it difficult for customer to actually figure out right away the service differences will offered.
I hope to hear from you soon.
Thank you for your continue support in this room. I hope you can provide an insight to my question.
Is there a way Employee’s Service Tab could be color coded for easy identification? As it stands right now, the tabs are grey in color and this makes it difficult for customer to actually figure out right away the service differences will offered.
I hope to hear from you soon.
Please Log in or Create an account to join the conversation.
- Mr. Dam
-
- Offline
- Administrator
-
Less
More
- Posts: 13053
- Thank you received: 1696
12 years 3 months ago #24383
by Mr. Dam
Replied by Mr. Dam on topic Re: Employees Tab Color code
Hi,
OS Services Booking uses the Joomla tab. You can modify the css of the tabs from
components > com_osservicesbooking > style > style.css
this part
dl.tabs {
float: left;
margin: 5px 0 0 0 !important;
z-index: 50;
clear:both;
}
dl.tabs dt {
float: left;
padding: 4px 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-right: 3px;
background: #f0f0f0;
color: #666;
}
dl.tabs dt.open {
background: #F9F9F9;
border-bottom: 1px solid #F9F9F9;
z-index: 100;
color: #000;
}
div.current {
clear: both;
border: 1px solid #ccc;
padding: 0px !important;
max-width:100% !important;
}
div.current dd {
padding: 0;
margin: 0;
}
dl#content-pane.tabs {
margin: 1px 0 0 0;
}
If you are using default Joomla template, you can modify in
templates > beez_20 >css >layout.css
also
Good luck
Dam
OS Services Booking uses the Joomla tab. You can modify the css of the tabs from
components > com_osservicesbooking > style > style.css
this part
dl.tabs {
float: left;
margin: 5px 0 0 0 !important;
z-index: 50;
clear:both;
}
dl.tabs dt {
float: left;
padding: 4px 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-right: 3px;
background: #f0f0f0;
color: #666;
}
dl.tabs dt.open {
background: #F9F9F9;
border-bottom: 1px solid #F9F9F9;
z-index: 100;
color: #000;
}
div.current {
clear: both;
border: 1px solid #ccc;
padding: 0px !important;
max-width:100% !important;
}
div.current dd {
padding: 0;
margin: 0;
}
dl#content-pane.tabs {
margin: 1px 0 0 0;
}
If you are using default Joomla template, you can modify in
templates > beez_20 >css >layout.css
also
Good luck
Dam
Please Log in or Create an account to join the conversation.
- cirab63
- Topic Author
- Offline
- Premium Member
-
Less
More
- Posts: 83
- Thank you received: 0
12 years 3 months ago #24419
by cirab63
Replied by cirab63 on topic Re: Employees Tab Color code
Thank you very much... it works!!!
Please Log in or Create an account to join the conversation.
Moderators: Mr. Dam
Support
Documentation
Information
Copyright © 2025 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.