How To Put Box Shadow Effect On The Left And Right Side Of Your Weebly Site
Sunday March 15th 2015 | Comments
This tutorial will show you how to put the box shadow effect on the left and right side of your Weebly site. The box shadow effect adds depth and dimension to a website.
Step 1. Open Weebly's HTML/CSS Editor
Click on Design at the top of the page, and then
click on Edit HTML/CSS on the left side of the page.
Step 2. open the css file
Select main-style.css on the left.
Step 3. add css code
Scroll down and add the orange part to the following code:
margin: 0 auto;
box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17);
You're done! Publish your site
Details of Project
Level of difficulty: Beginner
Time to complete: 5 Minutes
How To Install Any Font Into Your Weebly Site
Updated on June 20, 2016
How To Create A Sidebar That Will Appear On Every Standard Weebly Page
Updated on June 11, 2016
How To Create An "<h1>" Tag In Your Weebly Site
Updated on July 9, 2016
Weebly Tricks on Facebook
Weebly Tricks on Google+