Add drop shadow-box to card?

DavidBooth

The example below is from Calcite Bootstrap . I'd like to add a drop shadow-box to cards like this on my site. Can anyone please paste the line of code that would allow me to place a drop shadow around each or all of these cards? Thanks!

wcozzens

Thanks Graham, that got me started. I found that adding your code above worked in the preview, but did not "stick" when viewing the actual page. Must be something with the embedded CSS code over-riding the style settings?

Anyways, I did get it to work by simply adding <div style="box-shadow: 5px 5px 20px gray;">...</div> to the card html.

Example:

<div class="col-xs-12 col-sm-6 col-md-4">
   <div style="box-shadow: 5px 5px 20px gray;">
      <div class="calcite-web">
         <div class="card-base">
            <div class="card-image-wrap">

               ....

   </div>