Putting shadow around container box of summary block

Hi, I found code that puts a shadow around summary items, but instead of separating individual items, I wanted to put a shadow around the complete container box for the summary block. I tried changing "summary-content" to "container-box" and "summary-block" but it didn't work.

Any advice or code would be appreciated! Thank you.

Can you share link to page where you use summary? We can check easier.

23 hours ago, tuanphan said:

Can you share link to page where you use summary? We can check easier.

23 hours ago, tuanphan said:

Can you share link to page where you use summary? We can check easier.

Hi Tuanphan,

Thanks for getting back to me.

I got the code to work for shadow around the summary box. However, it's very tight against the text, so I need to add padding. I'd also like to change the background to  light grey. I might  solve it before you see this, but if you are around, here is the code I have:

div#block-yui_3_17_2_1_1599738514010_17446>div {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;
  -moz-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;
  box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;
}

Many thanks for all the help you give here.

I think you need to change the border radius to a larger pixel size and here are hex colors so you change the #fffff to one of your choosing.

https://www.color-hex.com/

@derricksrandomviews. Thanks so much! Will do.