Need to add a specific shadow to my header.
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
Comments
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
Worked perfect, just as you advised. Thanks!
I am happy I could help.
Please let me know if you have any other questions or problems.
Best regards