Inserting or Editing an image/picture/photo into a Web page

Inserting or Editing an image/picture/photo into a Web page

This article will show you how to insert an image/picture/photo into your web page. 

  1. Go to the Settings Cog then click on Website Manager
  2. Look for the page name that you want to edit and use the Edit Pencil to open the Website in Editor mode
Info
Further tips around the page editor can be found here.

  • Click on Insert Section, leave the type as "Text Block" , Wrapper as "Default" and Class Name as blank for default and click Apply
InfoFor further tips see Adding a text block
  • Click inside the text section where you wish to insert your image into and change or remove the default text "Insert text here
  • Click on the "Insert" drop-down from the top bar of the editor
  • Click on "Insert Image" (The Media Manger Window will open)

  • Select the image you wish to insert from the Website Folder
Info
If the image you want to insert is not in the website folder, you can Upload File here. 
  • An image preview will open on the Right. You can change the Width, Height, add an image description and select crop style if desired
  • Click "Insert Image"
  •  You can click on the lower right corner of the image and drag to resize the image if its bigger than you want it to be 
  • To save the changes click out of text box anywhere else on the page then click Save Changes then Exit Editor