Shadow Text box


 

Your Text...

Tutorial

  1. Copy code below (make sure you get all of it!)
  2. On your desired page in Edit view...
    1. Place your cursor on the page where you'd like the callout box to live
    2. Select Insert 
    3. Select Embed
    4. Paste the code and select Submit
  3. Save the page - voila! 

Tips 

  1.  To change the Shadow color, modify the background-color in line 1 of the code. (#cccccc)
  2. To change the background color of the text box, modify the background-color in line 2 of the code (#ffffff)

Code

<div style="margin: 50px 15% 50px 15%; background-color: #cccccc;">
<div style="position: relative; top: -20px; left: -20px; padding: 20px; background: #ffffff; border: 2px solid #cccccc;">
<!-- Place your content below --->
<p>Your Text...</p>
<!-- end content -->
</div>
</div>