Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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 post
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

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 post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...