Opacity inheritance question

Hi All, i have a section of my design which has opacity set to 50%. Is there a way of adding content to the section without that opacity showing? Link below + screen grab

Cheers
C


Here is my site Read-Only: [LINK](Webflow - Chat App)

(how to share your site Read-Only link)

Might need more info on what exactly you’re trying to achieve, but generally you’d create a parent container for the section. Apply relative position to it. Drop two divs inside that are set to absolute with “full” coverage. Apply z-index so that one div is on top of the other. Apply your opacity properties to the lower div and place whatever content inside. Place content you do not want opacity in the higher div.

Thanks for the reply! I think I’ll just change the colour of the background!

You can also change the opacity of that background color swatch, if transparency is needed.