How to Add a Border or Shadow to an Image

Watch the video and read below to learn how to create image borders, shadows, offsets and drop-shadows:

Within Your Image Settings:

You can add a Border or a "Shadow Effect" to any Image Widget on your page by adjusting the "Shadow" settings options.

Simply click on the Image widget itself - then click the pink "Edit Image" button from the toolbar and then click "Change" next to Shadow.

See below for a few examples of how Borders and Shadows can look: 

CREATING A SOLID BORDER: 

If you set the "Blur Radius" to 0px - you will create a solid "Border" look.  You can then adjust the width of that border using the Spread Radius. 

Below is an example of s solid Border around an image: 

CREATING A SHADOW EFFECT: 

When the "Blur Radius" is anything above 0px the chosen color will start to blur making a "shadow" effect behind the image (making it appear to "pop off the page" a bit.) 

Below is an example of a subtle Shadow behind an image - using the default shadow settings: 

OFFSET BORDERS OR SHADOWS: 

Use the "Horizontal Offset" and "Vertical Offset" slider options, along with the Blur Radius and Spread Radius options to create an offset or "drop shadow" effect with your "Border" or "Shadow". 

Below is an example of an offset Border up and to the right of the image: 

DROP SHADOW: 

Use the "Horizontal Offset" and "Vertical Offset" slider options, along with the Blur Radius and Spread Radius options to create an offset or "drop shadow" effect with your "Border" or "Shadow".

Below is an example of a "Drop Shadow" below the image: 

NOTE: To REMOVE a Border or Shadow from an Image - simply select "No Shadow" from the Drop-down list of "Shadow Type"s 

Please see related article: How to Add Images / Photos to your page and Image Settings