How to Add Images / Photos to your page and Image Settings
Image widget within your blocks, columns or rows
ShinePages Support
Last Update 3 months ago
To Swap out a Placeholder Image Or Change Your Image:
Click the Image on your page within the Builder to open the Image Editing Bar.
Click on "Edit Image" to open the Image Settings window.
Click on the image or the + sign to open the File Manager.
Upload a new Image or click on an Image that has been uploaded in your File Manager.
Click "SELECT" - this will replace the placeholder or existing image.
To Add a New Image to the Page:
From the Widgets Menu (the + icon on the left hand side), grab and DRAG the image widget onto your page, wherever you want to add it.
Note that you may want to adjust the blocks, rows and columns on your page in order set where you want to place the image. Please see this article: Editing your page: Adjusting Rows, Columns & Blocks
Or our can add a block template with image layout designs to meet your requirements to your page.
Once the image widget has been added to your page:
- Click on the Image to open the Image Editing Bar.
- Click on "Edit Image" to open the Image Settings window.
- Click on the image or the + icon to open the File Manager.
Upload a new Image or click on an Image that has been uploaded in your File Manager.
Click "SELECT" - this will add an image to your page.
IMAGE SETTINGS
“Image Description” - Add your image description (important for SEO)
“Shadow” - Here you can add a Border or Shadow to an Image
- Click on the “Change” button and set your image shadow setting.
Please see this article: How to Add a Border or Shadow to an Image
“Image Caption” - Add Text On Top of Image or Flip From Image to Text.
Please see this tutorial: Image Captions - How to Add Text On Top of Image or Flip From Image to Text
“Open Link on Click” - Toggle on either:
- “Open Image in Lightbox” which will open the image in full on click.
OR
- “Open Link on Click” where you can add a link to the image on click.
Please see this article: Linking 101 - How to use the Select a Link Window
“Animation” - To create some dynamic movement on your page.
Please see detailed article on: Animations
You can also achieve the following in this menu tab:
- Alignment of your image
- Copy the image widget
- Delete the image widget
Please also see our related articles on:
Uploading Photos and Files to your File Manager
Adding a background image in a block
Adding a background image in a column
What size should my images be?