Active tab heading color

  • Resolved Mew

    (@gokumew2)


    5 years, 10 months ago

    Hi.

    I’ve updated the color scheme of my site and therefore needed to change the colors of the tabs. I’ve gotten everything to my liking except for the color of the heading on the active tab. It’s weird because it seems to work fine when it’s displayed as an accordion but won’t display the way I want it to when in tab mode.

    I’m using the following code, which I believe should be the correct style classes:

    .responsive-tabs .responsive-tabs__heading--active,
.responsive-tabs .responsive-tabs__heading--active:hover {
	background: transparent!important;
	color: #29b29e!important;
	}

    The non-hover portion doesn’t seem to display correctly and continues to be shown with white text even though the tab is active.

    Any assistance would be appreciated. Thanks.

    The page I need help with: [log in to see the link]

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

    (@numeeja)

    You have not used the method to customise the tab styles suggested in the plugin’s documentation, and you have added the !important declaration to the new tab rules, which is not recommended, but try increasing the specificity of the .responsive-tabs .responsive-tabs__list__item--active, rules by changing the selector to
    .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item--active

    Thread Starter Mew

    (@gokumew2)

    That worked perfectly, thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Active tab heading color’ is closed to new replies.