Jobs & Experts Change Tab Colour

Hello Support.

In Jobs and Experts > My Expert Profile > Biography/Skills I want to change the Tabs background color to #fcb012

I was given this code and it was put in the site by them (which we do not permit anyone to do) and had to edit it a little to this:

.upfront-object.default a, .upfront-output-object.default a {
color: #fcb012;
font-family: Open Sans;
font-size: 12px;
font-weight: 400;
font-style: normal;
background-color: #fcb012;
border: 3px solid #fcb012 !important;
}

.ig-container .nav-tabs>li>a {
margin-right: 0px;
}
.ig-container .panel-default>.panel-heading, .ig-container .ui-widget-content, .upfront-object.default a, .upfront-output-object.default a {
color: #dd8500;
}

I do not know if any of this relates to the tabs colors as the WPMUDEV support did not label it. So does anyone know if this at all relates to the Tabs color or can someone please give me the code to enable that. It definitely does not function.

J and E is located under the Super Admin > main site > Sites> http://www.mainsite/Experts and Opportunitiesn (Number 2 on the list).

Please can you add the code to this response and not direct to the website. We will do that and test it accordingly.

Thanks for your help here and am hopeful we will succeed this time.

With gratitude.

Zen

  • Adam Czajczyk

    Hello Zen,

    I hope you're well today and thank you for your question!

    I'm not sure about that code but it might be related. Can you please point me to your thread on forum realted to it so I could check and consult that with a person that added it?

    As for your question. I understand that it's not about text color on tab but rather a tab color (backround), right? In that case, this CSS should help:

    #expert-content-tabs li a {background:none;}
    #expert-content-tabs li {background:#fcb012;}
    #expert-content-tabs li.ui-state-hover {background:#fcb012;} /* color for onmouseover */
    #expert-content-tabs li.ui-state-active {background:#fcb012;} /* color for an active tab */

    I've used the same color for all three states of tabs (normal, on mouse hover and currently selected) so you might want to alter two last lines to differentiate between currently selected and currently "mouse over" tab :slight_smile:

    I hope that helps!

    Best regards,
    Adam