Support » Plugin: Tabby Responsive Tabs » Active color issue

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author cubecolour

    (@numeeja)

    ɹoʇɐɹǝpoɯ

    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

    To see that this is the cause, change the #fff to #bada55

    Mika Kaltoft

    (@col323webdesign)

    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

    (@numeeja)

    ɹoʇɐɹǝpoɯ

    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;
    }
    Mika Kaltoft

    (@col323webdesign)

    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

    (@numeeja)

    ɹoʇɐɹǝpoɯ

    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

    Mika Kaltoft

    (@col323webdesign)

    I will take a look at it!

    Thanks!

    Mika Kaltoft

    (@col323webdesign)

    Please take a look at my clients website: 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

    (@numeeja)

    ɹoʇɐɹǝpoɯ

    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

    Mika Kaltoft

    (@col323webdesign)

    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.