How To Change Active Color of Tabs (Shortcodes)

[Iqbal]

Iqbal

July 14, 2017 at 4:18 pm

There’s a feature inside Pinnacle Theme that allows one to create tabs by inserting short-code for Pinnacle Tabs.

At first, I wasn’t able to center the tabs, so I used this CSS which centered the tabs:

tabs {
text-align: center;
}

I can’t figure out the solution to next problem which is,

When the page where the tab is located is opened or refreshed, the first tab will come as already selected and highlighted with a text color as white and active tab color as red (red because it’s set as the primary color of the theme) while the other tabs will have a grey background with a black text.

The issue is, when I click on some tab with a grey background, it doesn’t get highlighted like the first one, text color and active tab color remains black and grey rather than changing into white and red. If I click back to the first tab aka the tab that comes as active, even it doesn’t get highlighted.

There must be some CSS to do the trick. I tried some but they aren’t working, I don’t really know if they were right for this particular instance.

Can you help me with this?