Apply shadow

[zero_to_one]

Hey there,
I applied a special shadow and there is a problem since I have to apply it to every container of my header bar seperately. The shadow should be applied to the two containers, as if they where one

this is the styling I added
.shadow{ box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04), 0 26px 30px -13px rgba(0, 0, 0, 0.14); }

I added the class to every container of the header, basically I’d like to add the class to the bar, but without the shadow on the transparent area. you should take a look at the header to understand this problem https://siyuanyu.com/

thanks for your help!

[Prasant]

Hello @zerotoone.de,

Thanks for asking.

Changes made into the Bar should get trickled down to the containers as well. I checked the website and can see that you haven’t added the class name to the bar or container element. I also don’t see the CSS code when I inspect the page.

However, in header builder Bar element you do get the option to set box-shadow effect. There is no need for custom CSS.

I have recorded a screencast which you can take a look.

Thanks.