Jump to content

Putting shadow around container box of summary block

Recommended Posts

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.

Link to comment
  • Replies 4
  • Views 554
  • Created
  • Last Reply
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.

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.