Link to home
Start Free TrialLog in
Avatar of Donnie Walker
Donnie WalkerFlag for United States of America

asked on

How do I change the style on the active tab?

I've installed a Wordpress plugin that creates jquery tabs on the page.

I am now trying to change the style of the active tab so it stands out. (see attached)

The page code:

<div id="content-page" class="span9 content group">
<div id="post-6130" class="post-6130 page type-page status-publish hentry group">
<div class="responsive-tabs">

<h2 class="tabtitle">TAB 1</h2>
<div class="tabcontent">
CONTENT FOR TAB 1<br/>
</div>
<h2 class="tabtitle">TAB 2</h2>
<div class="tabcontent">
CONTENT FOR TAB 2<br/>
</div>
<h2 class="tabtitle">TAB 3</h2>
<div class="tabcontent">
CONTENT FOR TAB 3</p>
</div></div>
</div>

The css is attached as well as a screenshot of what I am trying to do. Any help is greatly appreciated.
tabby.css
tabs.png
ASKER CERTIFIED SOLUTION
Avatar of SSupreme
SSupreme
Flag of Belarus image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Donnie Walker

ASKER

That didn't work. I changed the background color of the tab content in the css and nothing changed.
I think you have problem with pluging's javascript,which should add "responsive-tabs__list__item--active" to class. If "The page code" is live html output you need to check compliance with wordpress version.
Can you provide live link?
no, it's on an intranet.
thanks
I tried it on here http://cubecolour.co.uk/tabby-responsive-tabs/ and it worked.
yeah, it worked for me to. I forgot I had a Wordpress caching program installed. Thanks.