# SOLVED: The button background in the component stops working

**URL:** <https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271>\
**Category:** Bugs\
**Tags:** v2-0-2\
**Created:** [September 1, 2025, 5:21pm UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271 "2025-09-01T17:21:17Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mover](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/mover/32/26948_2.png) [@Mover](https://forum.bricksbuilder.io/u/Mover)\
**Post date:** [September 1, 2025, 5:21pm UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/1 "2025-09-01T17:21:17Z")

</div>

**Browser** : Chrome 139.0.7258.128  
**OS** : Windows 10  
**URL** : [Link to a page that illustrates this issue](https://dev.inessoft.cz/test/)  
**Video** : [https://youtu.be/ZFLuAu-rgEw](https://youtu.be/ZFLuAu-rgEw)

The button background in the component stops working.

---

<div class="post-metadata">

**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\
**Post date:** [September 2, 2025, 7:19pm UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/2 "2025-09-02T19:19:37Z")

</div>

Hi @Mover,

Thank you for reaching out to us and for the video. However, I could not replicate the issue on my end. Can you tell me how you created the black background on hover, so I can replicate it?

Ps. While I can understand a little bit of your language, as it’s somehow similar to ours, it’s advisable to record them in English for better understanding. 😉

Thank you,  
Matej

---

<div class="post-metadata">

**Author:** ![Mover](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/mover/32/26948_2.png) [@Mover](https://forum.bricksbuilder.io/u/Mover)\
**Post date:** [September 3, 2025, 1:41am UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/3 "2025-09-03T01:41:55Z")

</div>

The background on hover doesn’t matter. The problem is in the background in the normal state.

---

<div class="post-metadata">

**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\
**Post date:** [September 4, 2025, 8:45am UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/4 "2025-09-04T08:45:31Z")

</div>

Hi @Mover,

I also can’t replicate the issue with that. Can you copy-paste the structure here (before it’s converted to the component), so I can see if I can replicate it?

If not, I’ll need a login access. I’ll let you know.

Thanks,  
Matej

---

<div class="post-metadata">

**Author:** ![Mover](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/mover/32/26948_2.png) [@Mover](https://forum.bricksbuilder.io/u/Mover)\
**Post date:** [September 4, 2025, 9:50am UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/5 "2025-09-04T09:50:47Z")

</div>

```json
{"content":[{"id":"onjjkv","name":"section","parent":0,"children":["bmhygj"],"settings":{"_padding":{"bottom":"5rem","top":"5rem"}}},{"id":"bmhygj","name":"container","parent":"onjjkv","children":["pmcmdu","qpwhpo"],"settings":{"_background":{"color":{"hex":"#3a6e00","id":"knhrip","name":"primary"}},"_direction":"row","_alignItems":"center","_justifyContent":"space-between","_padding":{"bottom":"2rem","top":"2rem","right":"3rem","left":"3rem"},"_direction:mobile_portrait":"column","_border":{"radius":{"top":"var(--radius)","right":"var(--radius)","bottom":"var(--radius)","left":"var(--radius)"}},"_padding:mobile_portrait":{"bottom":"2rem"}}},{"id":"pmcmdu","name":"text-basic","parent":"bmhygj","children":[],"settings":{"text":"Objednejte se na konzultaci","_typography":{"color":{"hex":"#ffffff","id":"ifhqpc","name":"white"},"font-size":"3rem","text-transform":"uppercase","font-weight":"500"},"_typography:mobile_portrait":{"font-size":"2.2rem"}}},{"id":"qpwhpo","name":"button","parent":"bmhygj","children":[],"settings":{"style":"primary","_background":{"color":{"hex":"#ffffff","id":"ifhqpc","name":"white"}},"_typography":{"text-transform":"uppercase","color":{"hex":"#000000","id":"lqjizx","name":"black"}},"text":"Konzultace zdarma","icon":{"library":"themify","icon":"ti-arrow-top-right"},"_cssGlobalClasses":["npvwuk"],"link":{"type":"external","url":"/kontakt/"},"_background:hover":{"color":{"hex":"#000000","id":"lqjizx","name":"black"}},"_typography:hover":{"color":{"hex":"#ffffff","id":"ifhqpc","name":"white"}}}}],"source":"bricksCopiedElements","sourceUrl":"https://dev.inessoft.cz","version":"2.0.2","globalClasses":[{"id":"npvwuk","name":"animate","settings":{"_transform:hover":{"scaleX":"1.1","scaleY":"1.1"},"_cssTransition":".5s"},"modified":1755678097,"user_id":1}],"globalElements":[]}

```

---

<div class="post-metadata">

**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\
**Post date:** [September 4, 2025, 12:48pm UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/6 "2025-09-04T12:48:00Z")

</div>

Hi @Mover,

thank you so much for the JSON structure. I’ve tested it locally, but I was unable to replicate the issue. I guess it has to be something specific to your install, so can you send temporary login credentials to your website and a link to this topic to [help@bricksbuilder.io](mailto:help@bricksbuilder.io) using the email address you used during the purchase, so we can take a look?

Thank you,  
Matej

---

<div class="post-metadata">

**Author:** ![Mover](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/mover/32/26948_2.png) [@Mover](https://forum.bricksbuilder.io/u/Mover)\
**Post date:** [September 5, 2025, 3:54am UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/7 "2025-09-05T03:54:52Z")

</div>

I can’t give access. But I made a page for you demonstrating the problem.  
The first section is a regular element. Everything works fine. The button has a white background.  
The second section is a component! And there, too, in the settings, the button has a white background! But on the front there is none(  
[https://dev.inessoft.cz/test/](https://dev.inessoft.cz/test/)

---

<div class="post-metadata">

**Author:** ![Matej](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/matej/32/20184_2.png) [@Matej](https://forum.bricksbuilder.io/u/Matej)\
**Post date:** [September 8, 2025, 8:12am UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/8 "2025-09-08T08:12:31Z")

</div>

Hi @Mover,

thank you so much for this setup. I was able to replicate the issue now. The problem is, that the settings in the Theme styles have higher specificity than the settings on the class inside the component (for background color) of the button.

I’ve created an internal task for this.

Thank you,  
Matej

---

<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:** [September 24, 2025, 12:15pm UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/9 "2025-09-24T12:15:19Z")

</div>

We fixed this issue in Bricks 2.1 beta, now available as a manual download in your [account](https://my.bricksbuilder.io/) (see [changelog](https://bricksbuilder.io/release/bricks-2-1-beta/)).

Please let us know if you are still experiencing issues.

As with any pre-stable release, **please do not use it on a production website**. It is intended for testing in a local or staging environment only.

---

<div class="post-metadata">

**Author:** ![Mover](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/mover/32/26948_2.png) [@Mover](https://forum.bricksbuilder.io/u/Mover)\
**Post date:** [April 15, 2026, 4:36am UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/10 "2026-04-15T04:36:43Z")

</div>

The problem is not resolved. Version 2.3.2

---

<div class="post-metadata">

**Author:** ![nicknick](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/n/9fc348/32.png) [@nicknick](https://forum.bricksbuilder.io/u/nicknick)\
**Post date:** [September 16, 2026, 11:50am UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/11 "2026-09-16T11:50:44Z")

</div>

I have the same issue with 2.3.10. this is not resolved

---

<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:** [September 16, 2026, 12:09pm UTC](https://forum.bricksbuilder.io/t/solved-the-button-background-in-the-component-stops-working/35271/13 "2026-09-16T12:09:50Z")

</div>

Thanks for flagging this. The original 2.1 fix had to be withdrawn, so the earlier resolution reply is outdated. A replacement fix is included in [Bricks 2.4](https://bricksbuilder.io/release/bricks-2-4/).

Please update to 2.4 and retest. If the background still fails, please share your affected page URL so we can check your setup.
