# How to override opacity of parent container?

**URL:** <https://community.appfarm.io/t/how-to-override-opacity-of-parent-container/535>\
**Category:** Ask the community\
**Tags:** ui\
**Created:** [June 15, 2023, 4:58pm UTC](https://community.appfarm.io/t/how-to-override-opacity-of-parent-container/535 "2023-06-15T16:58:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sondre](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/sondre/32/105_2.png) [@Sondre](https://community.appfarm.io/u/Sondre)\
**Post date:** [June 15, 2023, 4:58pm UTC](https://community.appfarm.io/t/how-to-override-opacity-of-parent-container/535/1 "2023-06-15T16:58:55Z")

</div>

Hey,

Is there a way to to make a container partly transparent and keep the content inside it 100% opaque?  
Hoping there is an easy fix that I just can’t find 🤞

---

<div class="post-metadata">

**Author:** ![Joanna](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/joanna/32/122_2.png) [@Joanna](https://community.appfarm.io/u/Joanna)\
**Post date:** [June 16, 2023, 6:13am UTC](https://community.appfarm.io/t/how-to-override-opacity-of-parent-container/535/2 "2023-06-16T06:13:56Z")

</div>

Hey @Sondre, unfortunately, overriding a parent container’s opacity is not possible – this is a CSS behavior and not something specific to Appfarm Create. You can, however, use rgba if you’re dealing with a plain color in the background.  
Hope this helps!

---

<div class="post-metadata">

**Author:** ![Sondre](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/sondre/32/105_2.png) [@Sondre](https://community.appfarm.io/u/Sondre)\
**Post date:** [June 16, 2023, 6:35am UTC](https://community.appfarm.io/t/how-to-override-opacity-of-parent-container/535/3 "2023-06-16T06:35:28Z")

</div>

Very nice! Thank you that worked 🙂 Did not know about the a 😅