Need to add a specific shadow to my header.

pduran1975 · February 19

I installed internet3 demo within be theme and now I want to customize my header add a cool shadow at the bottom. The html for my shadow is as follows:

#Top_bar{

box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;

}

Please check my website to know how it looks as for now: projects.onbrandpulse.com

I need the shadow to look like this example. And it kind of does, but after a second the page loads, the shadow gets eliminated.

Thanks

Phil · 11:00AM

Hi,

I assume that it is visible for a while and then it disappears, because slider background covers it.

Please edit your slider, set the background to be transparent, and check it then.

Best regards

Need to add a specific shadow to my header.

Comments

This website uses cookies