Tabs Element - Text Color

Support
#1

I am using the Pro Theme tabs element. When I choose “Individual Tab” to try to change the style of the text, base color and interaction color changes do not seem to have any effect.

http://shortlife.info/htbc/connect/small-groups/sunday-school/

#2

Hello Brenda,

Thanks for asking. :slight_smile:

I logged into the website and I am able to change the color of tabs element and changes are getting reflected on front end and preview panel too. Please see screencast. After making the changes, please clear the cache.

Thanks.

#3

Yes, changing the color there works for changing the base color. However, I want to use the settings circled here to change the interaction color, the color you get when you hover over the tab and the active tab. I would like white for the text color when hovering over the tab and when the tab is selected. The other tabs that are not currently selected should be dark gray in text color.

#4

UPDATE: My apologies…the problem was introduced when I used a heading tag in the text for the tabs. I think the heading tag was preventing the text style changes from having any effect.

#5

Hi Brenda,

I have tried to reproduce your issue with headline tag, but I couldn’t.

Could you please provide exact steps to reproduce this issue, so that we can report to our issue tracker if there’s any bug.

Thanks!

#6

It is the tab label where it caused the problem for me…

#7

Hi again,

Thank you for the screenshot. I did some tests and found out the issue. The heading styles are already defined in the theme and it is overriding the style you’re defining in the Tab element. Basically the styles you define in the Individual tabs are applied to the button and not to the label so if your add a tag inside, it will inherit it’s own styles if defined in the theme or anywhere else and your styling from the Individual tabs won’t work.

So it’s a best practice not to use a tag inside the label to avoid this issue.

Hope this explains!

#8

That is what I suspected. Thanks for confirming!

#9

Glad we could help.

Cheers!

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.