Employees Tab Color code

  • cirab63
  • Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
11 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.

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

More
11 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

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

  • cirab63
  • Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
11 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