Title: Active color issue
Last modified: August 21, 2016

---

# Active color issue

 *  Resolved [Mika Kaltoft](https://wordpress.org/support/users/col323webdesign/)
 * (@col323webdesign)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/active-color-issue/)
 * Hi,
 * Great plugin!!
 * I would like to change the active tab-title color. I have changed the color of
   the tabs title to #fff, which works fine. However, even after using all my css
   tricks, I can’t get the active color to #000.
 * Can you help me out?
 * You can see my clients website here: [http://col323webdesign.dk/ivan/](http://col323webdesign.dk/ivan/)(
   especially under the section TERAPI and TIL FAGFOLK.
 * Thanks a lot!
    Sincerely, Mika
 * [https://wordpress.org/plugins/tabby-responsive-tabs/](https://wordpress.org/plugins/tabby-responsive-tabs/)

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Plugin Author [cubecolour](https://wordpress.org/support/users/numeeja/)
 * (@numeeja)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/active-color-issue/#post-4803725)
 * This appears to be caused by `{color:#fff!important;}` in your child theme stylesheet
   at:
    [http://col323webdesign.dk/ivan/wp-content/themes/minimable-premium-child/style.css](http://col323webdesign.dk/ivan/wp-content/themes/minimable-premium-child/style.css)
 * To see that this is the cause, change the #fff to #bada55
 *  Thread Starter [Mika Kaltoft](https://wordpress.org/support/users/col323webdesign/)
 * (@col323webdesign)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/active-color-issue/#post-4803727)
 * Hey there,
 * Thanks for the reply and the answer to the issue.
 * How can I change the overall title color to white but keep the active color black?
 * Thanks,
    Mika
 *  Plugin Author [cubecolour](https://wordpress.org/support/users/numeeja/)
 * (@numeeja)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/active-color-issue/#post-4803747)
 * What you have at the moment is unnecessarily complicated because you are overriding
   the default rules with the !important declaration instead of increasing specificity.
 * You need to follow the instructions on the plugin page to unhook the stylesheet
   that is added by the plugin and then copy the contents of the stylesheet to your
   child theme custom styles and make changes to that.
 * Once you have that in place, you should be able to achieve the style you have
   described with something like:
 *     ```
       .responsive-tabs .responsive-tabs__list__item {
       	color: #fff;
       }
   
       .responsive-tabs .responsive-tabs__list__item--active {
       	color: #000;
       }
       ```
   
 *  Thread Starter [Mika Kaltoft](https://wordpress.org/support/users/col323webdesign/)
 * (@col323webdesign)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/active-color-issue/#post-4803756)
 * Hi there,
 * Great, I will have to look into the documentation.
 * The reason why I have specified the css with this code:
 *     ```
       li#tablist2-tab1, li#tablist2-tab2, li#tablist2-tab3, li#tablist2-tab4, li#tablist2-tab5, li#tablist2-tab6, li#tablist2-tab7,  li#tablist2-tab8, li#tablist2-tab9, li#tablist2-tab10, li#tablist2-tab11, li#tablist4-tab1, li#tablist4-tab2, li#tablist4-tab3, li#tablist4-tab4, li#tablist4-tab5 {
       	color: #fff !important;
       }
       ```
   
 * Is simple because I want to target certain tab-lists and certain tabs in those
   lists.
 * If I apply the code as you have described it, it will make a general rule to 
   all the lists on the page, however, since my background changes on some sections
   where the tabs are enabled, I need to be able keep the default colors for these
   sections and then change the styling for the other sections. Make sense?
 * Sincerely,
    Mika
 *  Plugin Author [cubecolour](https://wordpress.org/support/users/numeeja/)
 * (@numeeja)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/active-color-issue/#post-4803757)
 * You can usethe css rules I posted above as a starting point and adapt them to
   increase their specificity to enable you to target the specific tabgroups as 
   you have mentioned.
 * If you unhooked the default styles as outlined in the documentation you won’t
   need the `!important` declaration
 *  Thread Starter [Mika Kaltoft](https://wordpress.org/support/users/col323webdesign/)
 * (@col323webdesign)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/active-color-issue/#post-4803812)
 * I will take a look at it!
 * Thanks!
 *  Thread Starter [Mika Kaltoft](https://wordpress.org/support/users/col323webdesign/)
 * (@col323webdesign)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/active-color-issue/#post-4803819)
 * Please take a look at my clients website: [http://col323webdesign.dk/ivan/](http://col323webdesign.dk/ivan/)
 * As you can see, it didn’t work.
 * Whenever I add this function: <?php remove_action(‘wp_print_styles’, ‘cc_tabby_css’,
   30); ?>
 * It doesn’t respond to the css which is placed in my child themes css folder.
 * Any suggestions?
 * Sincerely,
    Mika
 *  Plugin Author [cubecolour](https://wordpress.org/support/users/numeeja/)
 * (@numeeja)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/active-color-issue/#post-4803821)
 * It looks like its working from here – the default stylesheet doesn’t seem to 
   be loading and the tabs look pretty much as you described you want them to look
 *  Thread Starter [Mika Kaltoft](https://wordpress.org/support/users/col323webdesign/)
 * (@col323webdesign)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/active-color-issue/#post-4803822)
 * Hmm, I will see if I’m having a cache issue.
 * I will get back to you 🙂
 * Sincerely,
    Mika

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Active color issue’ is closed to new replies.

 * ![](https://ps.w.org/tabby-responsive-tabs/assets/icon-256x256.jpg?rev=2682041)
 * [Tabby Responsive Tabs](https://wordpress.org/plugins/tabby-responsive-tabs/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tabby-responsive-tabs/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tabby-responsive-tabs/)
 * [Active Topics](https://wordpress.org/support/plugin/tabby-responsive-tabs/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tabby-responsive-tabs/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tabby-responsive-tabs/reviews/)

## Tags

 * [active](https://wordpress.org/support/topic-tag/active/)
 * [color](https://wordpress.org/support/topic-tag/color/)

 * 9 replies
 * 2 participants
 * Last reply from: [Mika Kaltoft](https://wordpress.org/support/users/col323webdesign/)
 * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/active-color-issue/#post-4803822)
 * Status: resolved