Hey Enfold masters,
I am trying to apply a inset shadow to a parallax color section. I have used the “Developer” section to apply an ID to the section. No luck. Can you let me know whats going on?
Edit: Forgot to add, the shadow loads. It’s just the parallax background is over the shadow. Advice on how to change?
Hey!
Please change your code to following one
#parallax-shadow .av-parallax {
box-shadow: inset 0px 0px 100px #000, inset 0px 0px 100px #000;
}
Best regards,
Yigit
Yigit,
Thanks for your reply, although it seems that code isn’t working. Not sure if the shadow is being applied at all anymore. Before, the parallax background was on top of the shadow. I tried using z-index, but that didn’t work.
Please advise, thanks!
Edit: After further investigating, the shadow DOES look to be applied, except the top and bottom sections(the most important element of the shadow) of the shadow are not visible because that parallax div has a larger height than the containing div.
Edit #2: Even when I disable my code, and enable the “Display a small styling shadow at the top of the color section” it still does not load:
Avia code:
.avia-shadow {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
Hey!
I don’t know of a way to do that. It should work on other color sections but if your using parallax then the image height will be a lot taller than the container so the shadow should only display on the sides.
In this case you would probably need to create a separate element with box shadow and position it on top of the color section.
Regards,
Elliott