Add a Drop Shadow to Your Images

Add a Drop Shadow to Your Images

Adding a drop shadow to your images gives your image depth and perspective. It makes it look like the image is popping right out of the screen!

 

Images without a drop shadow effect:
Images with a shadow drop effect:

 

  • Turn on drop shadows
  • Edit the drop shadow settings

 

Turn on drop shadows

To add a drop shadow to your images:

  1. Select the Design tab at the top of the Websites app.
  2. In the Design preview window, click on the image that you'd like to add a drop shadow to. This will open the image or gallery's settings on the right-hand sidebar.
  3. Scroll down until you reach the section labeled Images.

  4. In the Images section, check the box labeled Add drop shadow.


 

Edit the drop shadow settings

After you turn on the "Add drop shadow" setting, the sidebar will expand to show additional design options for drop shadows. Below is a list of the available drop shadow settings:

X offset Change where the blur appears on the X axis, or from left to right.
Y offset Change where the blue appears on the Y axis, or up and down.
Color A pop-up lets you change the color and opacity of the drop shadow.
Blur Change the lining of the blur effect, making it blend more smoothly or giving it a harsher edge.
Spread Change the amount of space the drop shadow takes up (expand or make it smaller).

 

Once you make the drop shadow the way you want, click the green Save button, and then the Publish button to take your changes live!