Change Tab Color 2

[odsadmin]

Hey,
You all helped me get the tab color change on my website. Here is the link to the previous support form. https://theme.co/apex/forum/t/change-tab-color/59652?u=odsadmin

I was just looking at it on my mobile device and the tabs are not the same color. How can I change them on all device sizes to match what they are on the desktop?

Here is a link to a product you can view the tabs.
https://staging.outdoordogsupply.com/product/sportdog-replacement-antenna-long

[Prasant]

Hello @odsadmin,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .wpb-js-composer .vc_tta.vc_tta-style-modern .vc_tta-panel-heading {
     background-color: #f1813a !important;
    border-color: #f1813a !important;
}

.wpb-js-composer .vc_tta-color-orange.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a {
    color: #ededed;
}

.wpb-js-composer .vc_tta-color-orange.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #666 !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #f0f0f0 !important;
    background-color: #f8f8f8 !important;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[odsadmin]

Perfect. Thank you so much.

[Prasant]

You are most welcome.