Can't Customize Individual Tabs

Support
#1

Hi there,

I am using the Tabs element, and whenever I try and Customize an individual tab, it is being completely ignored. This happens with custom IDs, Classes, and Element CSS.

Is this intended functionality? If so, what is the workaround?

Thanks in advance.

1 Like
#2

Hello @mattatcellarpage,

Thanks for asking. :slight_smile:

I tested Tabs element and changes are getting reflected on my local setup. If the changes are not getting reflected using CSS method then there might be a case of your CSS getting over ridden and not getting specified. In the CSS code please try adding !important property and then see how it goes. Here is a example that how it should look.

.custom-class {
    color: #ddd !important;
}

You can take a look at following resource to get some more details about !important:

https://www.lifewire.com/what-does-important-mean-in-css-3466876

In case problem is still there then please share website URL for us to take a closer look.

Please let us know how it goes.

Thanks.

#3

Hi @Prasant,

Thanks for getting back to me. The issue is not with the overarching Tabs element, but it is with the individual Tab “sub-elements.” I am well-versed on CSS and the use of the !important flag – that is not the issue here.

If you input an ID, Class, or Element CSS for an individual Tab (as opposed to for the entire Tabs element), it is completely ignored. As you can see in the attached images, I have set a Class for a Tab; however, it is not reflected in the actual page.

#4

Reproduction Steps

  1. Create a Tabs v2 element on a page.
  2. Select an individual Tab and go to “Customize.”
  3. Add an ID, Class, or Element CSS to the Tab.
  4. Save and open the live page.

Result: the individual Tab sub-element will ignore all of the customization.

#5

Hi Matt,

Sorry for the confusion and thank you for the clarification, I can confirm this bug on my end. I’ve submitted this to our issue tracker so the developers will be made aware of it.

Thank you for understanding,

#7

Thank you. Please keep me posted.

#8

You’re welcome, Matt. Please stay tuned for updates and see our Changelog if the issue has been fixed.

Thanks.

#9

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