# Cannot style Active State for Tabs (Nestable) - styles not applying

**URL:** <https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700>\
**Category:** How To\
**Tags:** how-to\
**Created:** [January 20, 2026, 8:06am UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700 "2026-01-20T08:06:33Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lapuch](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/l/9de0a6/32.png) [@Lapuch](https://forum.bricksbuilder.io/u/Lapuch)\
**Post date:** [January 20, 2026, 8:06am UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700/1 "2026-01-20T08:06:33Z")

</div>

Hi everyone,

I am struggling with styling the **Active State** of a custom tab button inside the **Tabs (Nestable)** element.

**The Goal:** I have a custom design for my tabs. When a tab is active (clicked), I want it to have:

- White background

- Blue border

- Blue text and icon color

**The Problem:** No matter what I try, the active tab retains the default/inactive styles (gray background, black text). The styles for the active state are simply not applying or are being overridden somewhere I can’t find.

**My Structure:** Tabs (Nestable) └── Tabs Menu └── Block (Acting as the button) ├── Icon └── Basic Text

**What I have tried so far:**

1. **Native States:** I enabled the `Active` state (via the cursor icon `:hov`) on the Block element and set the background/typography there. It has no effect on the frontend.

2. **Custom CSS:** I tried targeting the `.brx-open` class directly in the Custom CSS of the Block and even the main Tabs wrapper with `!important`, like this:

3. **Checking Children:** I verified that the inner Text/Icon elements do not have hardcoded colors set in their Typography settings.

Despite all this, the active class seems to be ignored or overridden. Has anyone faced this issue with Nestable Tabs? Is there a specific selector I should be using for the custom block inside the menu?

 ![image](https://forum.bricksbuilder.io/uploads/default/original/3X/6/5/6562ea6eeccbe82261de93829f2ce1d5045babd7.png)

Thanks in advance for your help!

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [January 20, 2026, 8:22am UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700/2 "2026-01-20T08:22:52Z")

</div>

Hi Mateusz,  
Welcome to the forum!

I’m not quote sure what you did, but there are settings for the active tab title, which work perfectly fine on my end.

![CleanShot 2026-01-20 at 09.22.10](https://forum.bricksbuilder.io/uploads/default/original/3X/c/4/c4d252b9e2adc4a5a16d529870321359e5b36829.gif)

 ![image](https://forum.bricksbuilder.io/uploads/default/original/3X/2/5/254fc7579f046aab385eebeb543d0c00105f8d91.jpeg)

Check the attached layout as a reference.

`{"content":[{"id":"uodwzg","name":"section","parent":0,"children":["yponpj"],"settings":{"_background":{"color":{"raw":"hsl(0, 0%, 71%)"}}}},{"id":"yponpj","name":"container","parent":"uodwzg","children":["vhajbl"],"settings":{}},{"id":"vhajbl","name":"tabs-nested","parent":"yponpj","children":["hhqrug","evjtrn"],"settings":{"titlePadding":{"top":"12","right":"24","bottom":"12","left":"24"},"titleActiveBackgroundColor":{"raw":"white"},"contentPadding":{"top":20,"right":20,"bottom":20,"left":20},"titleActiveBorder":{"width":{"top":"2","left":"2","right":"2","bottom":"2"},"style":"solid","color":{"raw":"blue"},"radius":{"top":"1e5px","right":"1e5px","bottom":"1e5px","left":"1e5px"}},"titleActiveTypography":{"color":{"raw":"blue"}},"contentMargin":{"top":"24"},"titleBackgroundColor":{"raw":"blue"},"titleBorder":{"width":{"top":"2","bottom":"2","right":"2","left":"2"},"style":"solid","color":{"raw":"white"},"radius":{"top":"1e5px","right":"1e5px","bottom":"1e5px","left":"1e5px"}},"titleTypography":{"color":{"raw":"white"}}}},{"id":"hhqrug","name":"block","parent":"vhajbl","children":["ibclmy","bzmnuy"],"settings":{"_direction":"row","_hidden":{"_cssClasses":"tab-menu"}},"label":"Tab menu"},{"id":"ibclmy","name":"div","parent":"hhqrug","children":["gsxbpz","xwooov"],"settings":{"_hidden":{"_cssClasses":"tab-title"},"_cssGlobalClasses":["isoegy"]},"label":"Title"},{"id":"gsxbpz","name":"text-basic","parent":"ibclmy","children":[],"settings":{"text":"Title 1"}},{"id":"evjtrn","name":"block","parent":"vhajbl","children":["mqadfs","cfwylv"],"settings":{"_hidden":{"_cssClasses":"tab-content"}},"label":"Tab content"},{"id":"mqadfs","name":"block","parent":"evjtrn","children":["grsahg"],"settings":{"_hidden":{"_cssClasses":"tab-pane"}},"label":"Pane"},{"id":"grsahg","name":"text","parent":"mqadfs","children":[],"settings":{"text":"Content goes here .. (1)"}},{"id":"cfwylv","name":"block","parent":"evjtrn","children":["ulgnqr"],"settings":{"_hidden":{"_cssClasses":"tab-pane"}},"label":"Pane"},{"id":"ulgnqr","name":"text","parent":"cfwylv","children":[],"settings":{"text":"Content goes here .. (2)"}},{"id":"xwooov","name":"icon","parent":"ibclmy","children":[],"settings":{"icon":{"library":"themify","icon":"ti-star"},"_cssGlobalClasses":["uivkyv"]},"themeStyles":{}},{"id":"bzmnuy","name":"div","parent":"hhqrug","children":["lhnukf","cqeunf"],"settings":{"_hidden":{"_cssClasses":"tab-title"},"_cssGlobalClasses":["isoegy"]},"label":"Title"},{"id":"lhnukf","name":"text-basic","parent":"bzmnuy","children":[],"settings":{"text":"Title 2"}},{"id":"cqeunf","name":"icon","parent":"bzmnuy","children":[],"settings":{"icon":{"library":"themify","icon":"ti-star"},"_cssGlobalClasses":["uivkyv"]}}],"source":"bricksCopiedElements","sourceUrl":"https://brxdev.local","version":"2.2-rc","globalClasses":[{"id":"isoegy","name":"tab-title","settings":{"_display":"flex","_direction":"row","_flexWrap":"nowrap","_columnGap":"8","_alignItems":"center"}},{"id":"uivkyv","name":"tab-title__icon","settings":{"iconSize":"1em","_order":"-1","iconColor":{"raw":"inherit"}}}]}`

---

<div class="post-metadata">

**Author:** ![Painkiller](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/painkiller/32/31565_2.png) [@Painkiller](https://forum.bricksbuilder.io/u/Painkiller)\
**Post date:** [January 20, 2026, 9:18am UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700/3 "2026-01-20T09:18:39Z")

</div>

I also didn’t notice that there is an option for that. I was about to create a post for that.

Thank you @timmse for saving my time.

---

<div class="post-metadata">

**Author:** ![Lapuch](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/l/9de0a6/32.png) [@Lapuch](https://forum.bricksbuilder.io/u/Lapuch)\
**Post date:** [January 20, 2026, 7:39pm UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700/4 "2026-01-20T19:39:43Z")

</div>

Thank you all for your help! Now it’s work 😃

---

<div class="post-metadata">

**Author:** ![yannis](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/y/c57346/32.png) [@yannis](https://forum.bricksbuilder.io/u/yannis)\
**Post date:** [August 28, 2026, 5:27am UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700/5 "2026-08-28T05:27:21Z")

</div>

This is an old post - I’m having the same issue here 🙂  
My text color doesn’t change with the active state. Also not sure what the solution in this response is. And I’m also not sure what to upload to find the issue.

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [August 28, 2026, 5:35am UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700/7 "2026-08-28T05:35:02Z")

</div>

Hi Yannis,  
Welcome to the forum!

As already explained, the nestable tabs element has dedicated “Active title” settings. I just tested them again, and they work just fine.

You could either copy the entire Nestable Tabs element (including your styles) and paste it here, or take screenshots of your settings and provide a live link to the page. Then we might be able to tell you what’s going wrong on your end.

---

<div class="post-metadata">

**Author:** ![yannis](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/y/c57346/32.png) [@yannis](https://forum.bricksbuilder.io/u/yannis)\
**Post date:** [August 28, 2026, 5:53am UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700/8 "2026-08-28T05:53:56Z")

</div>

Thank you and thank you for your reply.

So this is the element:

`{"content":[{"id":"eyscwk","name":"tabs-nested","parent":0,"children":["ukbxcb","jqgoth"],"settings":{"titleActiveBackgroundColor":{"id":"vootje","raw":"var(--white)","light":"#E6E6E6"},"contentPadding":{"top":20,"right":20,"bottom":20,"left":20},"contentBorder":{"width":{"top":"0.3pt","right":"0.3pt","bottom":"0.3pt","left":"0.3pt"},"style":"solid","color":{"id":"vootje","raw":"var(--white)","light":"#E6E6E6"},"radius":{"top":"var(--RadiusMiddle)","right":"var(--RadiusMiddle)","bottom":"var(--RadiusMiddle)","left":"var(--RadiusMiddle)"}},"titleActiveTypography":{"color":{"id":"vascnm","raw":"var(--dark-brown)","light":"#1B1917"},"font-family":"custom_font_38","font-weight":"300","letter-spacing":"var(--DefaultLetterSpacing)"},"titlePadding":{"top":"10","right":"20","bottom":"10","left":"20"},"titleMargin":{"right":"5","left":"5"},"titleBorder":{"radius":{"top":"var(--RadiusMiddle)","right":"var(--RadiusMiddle)","bottom":"var(--RadiusMiddle)","left":"var(--RadiusMiddle)"},"width":{"top":".5pt","right":".5pt","bottom":".5pt","left":".5pt"},"style":"solid"},"titleTypography":{"text-align":"center","letter-spacing":"var(--DefaultLetterSpacing)"},"contentColor":{"id":"vootje","raw":"var(--white)","light":"#E6E6E6"},"contentBackgroundColor":{"id":"zyvfzy","raw":"var(--mid-brown)","light":"#221F1D"},"_alignItems":"center"}},{"id":"ukbxcb","name":"block","parent":"eyscwk","children":["maywme","hfujxb","pntxni","vkyfml","xgyigo","xqcddc","mfrowj"],"settings":{"_direction":"row","_hidden":{"_cssClasses":"tab-menu"},"_justifyContent":"center","_margin":{"bottom":"60"}},"label":"Tab menu"},{"id":"maywme","name":"div","parent":"ukbxcb","children":["bxbhzf"],"settings":{"_hidden":{"_cssClasses":"tab-title"},"_width":"110"},"label":"Title"},{"id":"bxbhzf","name":"text-basic","parent":"maywme","children":[],"settings":{"text":"1"}},{"id":"hfujxb","name":"div","parent":"ukbxcb","children":["wcocow"],"settings":{"_hidden":{"_cssClasses":"tab-title"},"_width":"110"},"label":"Title"},{"id":"wcocow","name":"text-basic","parent":"hfujxb","children":[],"settings":{"text":"2-5"}},{"id":"pntxni","name":"div","parent":"ukbxcb","children":["grfsnj"],"settings":{"_hidden":{"_cssClasses":"tab-title"},"_width":"110"},"label":"Title"},{"id":"grfsnj","name":"text-basic","parent":"pntxni","children":[],"settings":{"text":"6-10"}},{"id":"vkyfml","name":"div","parent":"ukbxcb","children":["ulxpwp"],"settings":{"_hidden":{"_cssClasses":"tab-title"},"_width":"110"},"label":"Title"},{"id":"ulxpwp","name":"text-basic","parent":"vkyfml","children":[],"settings":{"text":"11-20"}},{"id":"xgyigo","name":"div","parent":"ukbxcb","children":["vivfqe"],"settings":{"_hidden":{"_cssClasses":"tab-title"},"_width":"110"},"label":"Title"},{"id":"vivfqe","name":"text-basic","parent":"xgyigo","children":[],"settings":{"text":"21-35"}},{"id":"xqcddc","name":"div","parent":"ukbxcb","children":["kaohgh"],"settings":{"_hidden":{"_cssClasses":"tab-title"},"_width":"110"},"label":"Title"},{"id":"kaohgh","name":"text-basic","parent":"xqcddc","children":[],"settings":{"text":"35-50"}},{"id":"mfrowj","name":"div","parent":"ukbxcb","children":["gkdkxj"],"settings":{"_hidden":{"_cssClasses":"tab-title"},"_width":"110"},"label":"Title"},{"id":"gkdkxj","name":"text-basic","parent":"mfrowj","children":[],"settings":{"text":"50+"}},{"id":"jqgoth","name":"block","parent":"eyscwk","children":["lapxfe","aaaaaa","aaaaak","aaaaau","aaaabe","aaaabo","aaaaby"],"settings":{"_hidden":{"_cssClasses":"tab-content"},"_width":"450"},"label":"Tab content"},{"id":"lapxfe","name":"block","parent":"jqgoth","children":["ortbrb"],"settings":{"_hidden":{"_cssClasses":"tab-pane"},"_typography":{"text-align":"center"}},"label":"Pane 1"},{"id":"ortbrb","name":"block","parent":"lapxfe","children":["dlwogd","eooryu"],"settings":{"_heightMin":"550","_justifyContent":"space-between"}},{"id":"dlwogd","name":"block","parent":"ortbrb","children":["pxgbut","apydki","ekqlnd"],"settings":{"_alignItems":"center","_justifyContent":"flex-start","_padding":{"top":"20"}}},{"id":"pxgbut","name":"text","parent":"dlwogd","children":[],"settings":{"text":"<p>Einzelperson</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"var(--text-l)"},"_margin":{"bottom":"40","top":"10"}}},{"id":"apydki","name":"text","parent":"dlwogd","children":[],"settings":{"text":"<p>Installation auf:</p>","_margin":{"bottom":"5"}}},{"id":"ekqlnd","name":"text","parent":"dlwogd","children":[],"settings":{"text":"<p>2 Geräten</p>"}},{"id":"eooryu","name":"block","parent":"ortbrb","children":["ualyei","saqspx","dzhcdg"],"settings":{"_justifyContent":"flex-end","_alignItems":"center","_padding":{"bottom":"20"}}},{"id":"ualyei","name":"text","parent":"eooryu","children":[],"settings":{"text":"<p>240.-</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"90","line-height":"1"},"_margin":{"bottom":"20"}}},{"id":"saqspx","name":"button","parent":"eooryu","children":[],"settings":{"style":"primary","text":"select","_padding":{"top":"10","bottom":"10","right":"20","left":"20"},"_widthMin":"140","_typography":{"color":{"id":"vascnm","raw":"var(--dark-brown)","light":"#1B1917"},"font-size":"var(--text-m)"},"_margin":{"bottom":"40"}}},{"id":"dzhcdg","name":"text","parent":"eooryu","children":[],"settings":{"text":"<p>Lizenz für 12 Monate<br />automatische Verlängerung</p>","_typography":{"font-size":"var(--text-m)","font-style":"italic","letter-spacing":"var(--DefaultLetterSpacing)"},"_margin":{"bottom":"10"}}},{"id":"aaaaaa","name":"block","parent":"jqgoth","children":["aaaaab"],"settings":{"_hidden":{"_cssClasses":"tab-pane"},"_typography":{"text-align":"center"}},"label":"Pane 2-5"},{"id":"aaaaab","name":"block","parent":"aaaaaa","children":["aaaaac","aaaaag"],"settings":{"_heightMin":"550","_justifyContent":"space-between"}},{"id":"aaaaac","name":"block","parent":"aaaaab","children":["aaaaad","aaaaae","aaaaaf"],"settings":{"_alignItems":"center","_justifyContent":"flex-start","_padding":{"top":"20"}}},{"id":"aaaaad","name":"text","parent":"aaaaac","children":[],"settings":{"text":"<p>Einzelperson</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"var(--text-l)"},"_margin":{"bottom":"40","top":"10"}}},{"id":"aaaaae","name":"text","parent":"aaaaac","children":[],"settings":{"text":"<p>Installation auf:</p>","_margin":{"bottom":"5"}}},{"id":"aaaaaf","name":"text","parent":"aaaaac","children":[],"settings":{"text":"<p>2 Geräten</p>"}},{"id":"aaaaag","name":"block","parent":"aaaaab","children":["aaaaah","aaaaai","aaaaaj"],"settings":{"_justifyContent":"flex-end","_alignItems":"center","_padding":{"bottom":"20"}}},{"id":"aaaaah","name":"text","parent":"aaaaag","children":[],"settings":{"text":"<p>240.-</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"90","line-height":"1"},"_margin":{"bottom":"20"}}},{"id":"aaaaai","name":"button","parent":"aaaaag","children":[],"settings":{"style":"primary","text":"select","_padding":{"top":"10","bottom":"10","right":"20","left":"20"},"_widthMin":"140","_typography":{"color":{"id":"vascnm","raw":"var(--dark-brown)","light":"#1B1917"},"font-size":"var(--text-m)"},"_margin":{"bottom":"40"}}},{"id":"aaaaaj","name":"text","parent":"aaaaag","children":[],"settings":{"text":"<p>Lizenz für 12 Monate<br />automatische Verlängerung</p>","_typography":{"font-size":"var(--text-m)","font-style":"italic","letter-spacing":"var(--DefaultLetterSpacing)"},"_margin":{"bottom":"10"}}},{"id":"aaaaak","name":"block","parent":"jqgoth","children":["aaaaal"],"settings":{"_hidden":{"_cssClasses":"tab-pane"},"_typography":{"text-align":"center"}},"label":"Pane 6-10"},{"id":"aaaaal","name":"block","parent":"aaaaak","children":["aaaaam","aaaaaq"],"settings":{"_heightMin":"550","_justifyContent":"space-between"}},{"id":"aaaaam","name":"block","parent":"aaaaal","children":["aaaaan","aaaaao","aaaaap"],"settings":{"_alignItems":"center","_justifyContent":"flex-start","_padding":{"top":"20"}}},{"id":"aaaaan","name":"text","parent":"aaaaam","children":[],"settings":{"text":"<p>Einzelperson</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"var(--text-l)"},"_margin":{"bottom":"40","top":"10"}}},{"id":"aaaaao","name":"text","parent":"aaaaam","children":[],"settings":{"text":"<p>Installation auf:</p>","_margin":{"bottom":"5"}}},{"id":"aaaaap","name":"text","parent":"aaaaam","children":[],"settings":{"text":"<p>2 Geräten</p>"}},{"id":"aaaaaq","name":"block","parent":"aaaaal","children":["aaaaar","aaaaas","aaaaat"],"settings":{"_justifyContent":"flex-end","_alignItems":"center","_padding":{"bottom":"20"}}},{"id":"aaaaar","name":"text","parent":"aaaaaq","children":[],"settings":{"text":"<p>240.-</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"90","line-height":"1"},"_margin":{"bottom":"20"}}},{"id":"aaaaas","name":"button","parent":"aaaaaq","children":[],"settings":{"style":"primary","text":"select","_padding":{"top":"10","bottom":"10","right":"20","left":"20"},"_widthMin":"140","_typography":{"color":{"id":"vascnm","raw":"var(--dark-brown)","light":"#1B1917"},"font-size":"var(--text-m)"},"_margin":{"bottom":"40"}}},{"id":"aaaaat","name":"text","parent":"aaaaaq","children":[],"settings":{"text":"<p>Lizenz für 12 Monate<br />automatische Verlängerung</p>","_typography":{"font-size":"var(--text-m)","font-style":"italic","letter-spacing":"var(--DefaultLetterSpacing)"},"_margin":{"bottom":"10"}}},{"id":"aaaaau","name":"block","parent":"jqgoth","children":["aaaaav"],"settings":{"_hidden":{"_cssClasses":"tab-pane"},"_typography":{"text-align":"center"}},"label":"Pane 11-20"},{"id":"aaaaav","name":"block","parent":"aaaaau","children":["aaaaaw","aaaaba"],"settings":{"_heightMin":"550","_justifyContent":"space-between"}},{"id":"aaaaaw","name":"block","parent":"aaaaav","children":["aaaaax","aaaaay","aaaaaz"],"settings":{"_alignItems":"center","_justifyContent":"flex-start","_padding":{"top":"20"}}},{"id":"aaaaax","name":"text","parent":"aaaaaw","children":[],"settings":{"text":"<p>Einzelperson</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"var(--text-l)"},"_margin":{"bottom":"40","top":"10"}}},{"id":"aaaaay","name":"text","parent":"aaaaaw","children":[],"settings":{"text":"<p>Installation auf:</p>","_margin":{"bottom":"5"}}},{"id":"aaaaaz","name":"text","parent":"aaaaaw","children":[],"settings":{"text":"<p>2 Geräten</p>"}},{"id":"aaaaba","name":"block","parent":"aaaaav","children":["aaaabb","aaaabc","aaaabd"],"settings":{"_justifyContent":"flex-end","_alignItems":"center","_padding":{"bottom":"20"}}},{"id":"aaaabb","name":"text","parent":"aaaaba","children":[],"settings":{"text":"<p>240.-</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"90","line-height":"1"},"_margin":{"bottom":"20"}}},{"id":"aaaabc","name":"button","parent":"aaaaba","children":[],"settings":{"style":"primary","text":"select","_padding":{"top":"10","bottom":"10","right":"20","left":"20"},"_widthMin":"140","_typography":{"color":{"id":"vascnm","raw":"var(--dark-brown)","light":"#1B1917"},"font-size":"var(--text-m)"},"_margin":{"bottom":"40"}}},{"id":"aaaabd","name":"text","parent":"aaaaba","children":[],"settings":{"text":"<p>Lizenz für 12 Monate<br />automatische Verlängerung</p>","_typography":{"font-size":"var(--text-m)","font-style":"italic","letter-spacing":"var(--DefaultLetterSpacing)"},"_margin":{"bottom":"10"}}},{"id":"aaaabe","name":"block","parent":"jqgoth","children":["aaaabf"],"settings":{"_hidden":{"_cssClasses":"tab-pane"},"_typography":{"text-align":"center"}},"label":"Pane 21-35"},{"id":"aaaabf","name":"block","parent":"aaaabe","children":["aaaabg","aaaabk"],"settings":{"_heightMin":"550","_justifyContent":"space-between"}},{"id":"aaaabg","name":"block","parent":"aaaabf","children":["aaaabh","aaaabi","aaaabj"],"settings":{"_alignItems":"center","_justifyContent":"flex-start","_padding":{"top":"20"}}},{"id":"aaaabh","name":"text","parent":"aaaabg","children":[],"settings":{"text":"<p>Einzelperson</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"var(--text-l)"},"_margin":{"bottom":"40","top":"10"}}},{"id":"aaaabi","name":"text","parent":"aaaabg","children":[],"settings":{"text":"<p>Installation auf:</p>","_margin":{"bottom":"5"}}},{"id":"aaaabj","name":"text","parent":"aaaabg","children":[],"settings":{"text":"<p>2 Geräten</p>"}},{"id":"aaaabk","name":"block","parent":"aaaabf","children":["aaaabl","aaaabm","aaaabn"],"settings":{"_justifyContent":"flex-end","_alignItems":"center","_padding":{"bottom":"20"}}},{"id":"aaaabl","name":"text","parent":"aaaabk","children":[],"settings":{"text":"<p>240.-</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"90","line-height":"1"},"_margin":{"bottom":"20"}}},{"id":"aaaabm","name":"button","parent":"aaaabk","children":[],"settings":{"style":"primary","text":"select","_padding":{"top":"10","bottom":"10","right":"20","left":"20"},"_widthMin":"140","_typography":{"color":{"id":"vascnm","raw":"var(--dark-brown)","light":"#1B1917"},"font-size":"var(--text-m)"},"_margin":{"bottom":"40"}}},{"id":"aaaabn","name":"text","parent":"aaaabk","children":[],"settings":{"text":"<p>Lizenz für 12 Monate<br />automatische Verlängerung</p>","_typography":{"font-size":"var(--text-m)","font-style":"italic","letter-spacing":"var(--DefaultLetterSpacing)"},"_margin":{"bottom":"10"}}},{"id":"aaaabo","name":"block","parent":"jqgoth","children":["aaaabp"],"settings":{"_hidden":{"_cssClasses":"tab-pane"},"_typography":{"text-align":"center"}},"label":"Pane 35-50"},{"id":"aaaabp","name":"block","parent":"aaaabo","children":["aaaabq","aaaabu"],"settings":{"_heightMin":"550","_justifyContent":"space-between"}},{"id":"aaaabq","name":"block","parent":"aaaabp","children":["aaaabr","aaaabs","aaaabt"],"settings":{"_alignItems":"center","_justifyContent":"flex-start","_padding":{"top":"20"}}},{"id":"aaaabr","name":"text","parent":"aaaabq","children":[],"settings":{"text":"<p>Einzelperson</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"var(--text-l)"},"_margin":{"bottom":"40","top":"10"}}},{"id":"aaaabs","name":"text","parent":"aaaabq","children":[],"settings":{"text":"<p>Installation auf:</p>","_margin":{"bottom":"5"}}},{"id":"aaaabt","name":"text","parent":"aaaabq","children":[],"settings":{"text":"<p>2 Geräten</p>"}},{"id":"aaaabu","name":"block","parent":"aaaabp","children":["aaaabv","aaaabw","aaaabx"],"settings":{"_justifyContent":"flex-end","_alignItems":"center","_padding":{"bottom":"20"}}},{"id":"aaaabv","name":"text","parent":"aaaabu","children":[],"settings":{"text":"<p>240.-</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"90","line-height":"1"},"_margin":{"bottom":"20"}}},{"id":"aaaabw","name":"button","parent":"aaaabu","children":[],"settings":{"style":"primary","text":"select","_padding":{"top":"10","bottom":"10","right":"20","left":"20"},"_widthMin":"140","_typography":{"color":{"id":"vascnm","raw":"var(--dark-brown)","light":"#1B1917"},"font-size":"var(--text-m)"},"_margin":{"bottom":"40"}}},{"id":"aaaabx","name":"text","parent":"aaaabu","children":[],"settings":{"text":"<p>Lizenz für 12 Monate<br />automatische Verlängerung</p>","_typography":{"font-size":"var(--text-m)","font-style":"italic","letter-spacing":"var(--DefaultLetterSpacing)"},"_margin":{"bottom":"10"}}},{"id":"aaaaby","name":"block","parent":"jqgoth","children":["aaaabz"],"settings":{"_hidden":{"_cssClasses":"tab-pane"},"_typography":{"text-align":"center"}},"label":"Pane 50+"},{"id":"aaaabz","name":"block","parent":"aaaaby","children":["aaaaca","aaaace"],"settings":{"_heightMin":"550","_justifyContent":"space-between"}},{"id":"aaaaca","name":"block","parent":"aaaabz","children":["aaaacb","aaaacc","aaaacd"],"settings":{"_alignItems":"center","_justifyContent":"flex-start","_padding":{"top":"20"}}},{"id":"aaaacb","name":"text","parent":"aaaaca","children":[],"settings":{"text":"<p>Einzelperson</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"var(--text-l)"},"_margin":{"bottom":"40","top":"10"}}},{"id":"aaaacc","name":"text","parent":"aaaaca","children":[],"settings":{"text":"<p>Installation auf:</p>","_margin":{"bottom":"5"}}},{"id":"aaaacd","name":"text","parent":"aaaaca","children":[],"settings":{"text":"<p>2 Geräten</p>"}},{"id":"aaaace","name":"block","parent":"aaaabz","children":["aaaacf","aaaacg","aaaach"],"settings":{"_justifyContent":"flex-end","_alignItems":"center","_padding":{"bottom":"20"}}},{"id":"aaaacf","name":"text","parent":"aaaace","children":[],"settings":{"text":"<p>240.-</p>","_typography":{"font-family":"custom_font_43","font-weight":"500","font-size":"90","line-height":"1"},"_margin":{"bottom":"20"}}},{"id":"aaaacg","name":"button","parent":"aaaace","children":[],"settings":{"style":"primary","text":"select","_padding":{"top":"10","bottom":"10","right":"20","left":"20"},"_widthMin":"140","_typography":{"color":{"id":"vascnm","raw":"var(--dark-brown)","light":"#1B1917"},"font-size":"var(--text-m)"},"_margin":{"bottom":"40"}}},{"id":"aaaach","name":"text","parent":"aaaace","children":[],"settings":{"text":"<p>Lizenz für 12 Monate<br />automatische Verlängerung</p>","_typography":{"font-size":"var(--text-m)","font-style":"italic","letter-spacing":"var(--DefaultLetterSpacing)"},"_margin":{"bottom":"10"}}}],"source":"bricksCopiedElements","sourceUrl":"https://bricks.local","version":"2.4-beta3"}`

And here is a screenshot of the setting I believe you are referring to. The change of Background does work, but the text is stuck.

 ![Screenshot 2026-08-28 at 07.43.40](https://forum.bricksbuilder.io/uploads/default/original/3X/3/2/32442840c67a61108793af8a6e9ebd4b0b629383.png)

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [August 28, 2026, 6:10am UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700/10 "2026-08-28T06:10:56Z")

</div>

Thanks for the code. When pasting here, please make sure to format it directly as “preformatted text” or `wrap it with three backticks` (```).

Of course, I don’t have the `--dark-brown` variable in my color palette, so I just changed it to brown—it works just fine 🤔

Please send the URL to the page ✌

 ![CleanShot 2026-08-28 at 08.07.07@2x](https://forum.bricksbuilder.io/uploads/default/original/3X/2/1/21c92bc65807200963631a5429299156d1b9d164.jpeg)

---

<div class="post-metadata">

**Author:** ![yannis](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/y/c57346/32.png) [@yannis](https://forum.bricksbuilder.io/u/yannis)\
**Post date:** [August 28, 2026, 6:46am UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700/11 "2026-08-28T06:46:29Z")

</div>

This is the url:-  
Maybe It has something to do with the global theme style? Since I’m setting the text color there.  
Sorry for taking out the URL - I’m feeling a little uncomfortable posting it here 🙂  
This is my first site using bricks.

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [August 28, 2026, 7:08am UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700/12 "2026-08-28T07:08:31Z")

</div>

> [@yannis](#):
>
> Maybe It has something to do with the global theme style?

Yep, you’re setting the text color for every basic text element to white (in Theme Styles » Elements » Text), which overrides the active tab selector because it doesn’t specifically target the basic text element.

I would remove the “Text” styles from the theme styles and add them instead under Theme Styles » Typography » Body. That way, it applies to all text elements by default, but can be overridden easily.

 ![CleanShot 2026-08-28 at 09.03.08@2x](https://forum.bricksbuilder.io/uploads/default/original/3X/f/1/f1c4eaf0c11ae52776e2d7e60353a304bdfd2f20.jpeg)

P.S.: You can remove the link again if you want.

---

<div class="post-metadata">

**Author:** ![yannis](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/y/c57346/32.png) [@yannis](https://forum.bricksbuilder.io/u/yannis)\
**Post date:** [August 28, 2026, 7:41am UTC](https://forum.bricksbuilder.io/t/cannot-style-active-state-for-tabs-nestable-styles-not-applying/37700/13 "2026-08-28T07:41:19Z")

</div>

Tahnk you so much - You are very fast in replying! 🙂  
This worked out!
