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 

Was this article helpful?

0 out of 1 liked this article

Still need help? Message Us