Adding Box Shadow to a Section

[detailsguy]

Hi there,

Having an issue adding box shadow to the bottom of a classic section element. I’m just looking to add a slight horizontal shadow underneath the main banner using the box-shadow property but if I add an id or class to the section and add the css, it doesn’t seem to be working. Also doesn’t work to add inline css to the element itself. Any advice would be appreciated! Temp url is here:

http://www.dandelionsblooming.dreamhosters.com/about-us/

Thx

[thai]

Hi There,

Please try with this custom CSS instead:

div#my-section {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    z-index: 9;
}

Here is the online tool where you can generate the box-shadow:

https://www.cssmatic.com/box-shadow

Hope it helps

[detailsguy]

You guys (and gals!) are golden, thank you!

[ruenel]

You’re welcome!
We’re glad @Thai were able to help you out.