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
Donnie WalkerAsked:
Who is Participating?
 
SSupremeCommented:
If you want change style of tab label change this style:
.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover  (line 79)
If you want to change style of tab content:
.responsive-tabs .responsive-tabs__panel (line 90)
0
 
Donnie WalkerAuthor Commented:
That didn't work. I changed the background color of the tab content in the css and nothing changed.
0
 
SSupremeCommented:
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?
0
Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

 
Donnie WalkerAuthor Commented:
no, it's on an intranet.
0
 
Donnie WalkerAuthor Commented:
thanks
0
 
SSupremeCommented:
I tried it on here http://cubecolour.co.uk/tabby-responsive-tabs/ and it worked.
0
 
Donnie WalkerAuthor Commented:
yeah, it worked for me to. I forgot I had a Wordpress caching program installed. Thanks.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.