Define different colour for tabs

Product:

WonderPlugin Tabs Plugin

Question:

Is it possible to define a different colour for each tab?

Answer:

In the plugin, step 3 Options tab, you can add the following code to the Custom CSS input box:

#wonderplugintabs-TABSID .wonderplugintabs-header-li:nth-child(1) {
    background-color: #90ee90 !important;
}

#wonderplugintabs-TABSID .wonderplugintabs-header-li:nth-child(1):hover {
    background-color: #a0ffa0 !important;
}

#wonderplugintabs-TABSID .wonderplugintabs-header-li:nth-child(2) {
    background-color: #ffe4b5 !important;
}

#wonderplugintabs-TABSID .wonderplugintabs-header-li:nth-child(2):hover {
    background-color: #fff4c5!important;
}

#wonderplugintabs-TABSID .wonderplugintabs-header-li:nth-child(3) {
    background-color: #66cdaa !important;
}

#wonderplugintabs-TABSID .wonderplugintabs-header-li:nth-child(3):hover {
    background-color: #77debb !important;
}

The following is the created demo: