Shadow not showing in section

Support
#1

Hello,

I am trying to put a shadow in the top part of my second section. I’m using the CSS pasted below, and it works while I’m in cornerstone, but when I save and go to my website outside of cornerstone, it’s not showing up.

This is the page link:
https://sharonroseauthor.com/books/

This is what I want it to look like and what it looks like when I’m using cornerstone:

This is the CSS I’m using on that page:

.x-section {
box-shadow: 0 50px 200px
-12px rgba(0,0,0,1);
position: relative;
}

What should I be doing differently?

Laura

#2

Hello There,

Thanks for writing in! Please have your code updated and use this:

.x-section {
  box-shadow: 0 50px 200px -12px rgba(0,0,0,1);
  position: relative;
  overflow: visible;
}

We would loved to know if this has work for you. Thank you.

#3

Yes, it worked, thank you!

1 Like
#4