How to Edit An Image

Part 1: Navigate To The Page

1. Login to TheWebConsole

2. From the left side menu click Manage Pages and choose Content Pages

3. From the content page list either Add a New Page or Edit an Existing Page

Note: Information on how to Add a New Page and How to Edit an Existing Page can be found in more depth within separate knowledgebase articles.

Part 2: Adding A Image Module

1. Once the drag and drop editor has loaded you will be given the option to add different content modules into the page. All of these content modules first require a “Section” to be added. Once you have added your section and formatted it to your liking, simply click the “Image” content module, located in the side menu. Once clicked, drag the module into the page, you will notice a blue highlighted box appear on the page wherever it is possible to add the module.

Note: Adding a section is covered in its own knowledge base article.

Part 3: Choose A Image

1.Once a Image module has been added onto a page, you will have the ability to either choose an image from your Image and File Manager, Upload an Image, or use an image from a third party source.

Note: Choosing an image is covered in depth within other knowledge base articles.

Part 3: Edit The Image

1. You may wish to edit the image, for example, crop, rotate or resize the image. This can be done by hovering your mouse cursor over the image module and clicking the edit image button, the edit button appears as a landscape photograph icon in the top right of the section. This will open the edit options allowing you to edit the image, these will appear in the top left of the image module, the edits that can be made are listed below:

• Crop Image: This can be done by clicking the crop button, this is the far left button in the edit options, this button will also allow you to rotate or flip the image.

• Resize Image: This can be done by clicking the Resize Image button, which is the second button from the left.

• Save: Once you have made your edits you will need to click the save button to apply the change, the save button is the floppy disk icon.

• Exit Editor: The button on the far right is the exit editor button, this will close the image editor, remember to save changes prior.
   

2. Once you have added your image, applied the style and effects and done any required edits, click the “Save” button on the bottom of the side menu to save the page and apply the image.

Note: Any edits to the image will apply a compression filter over the image, saving the file as a separate image within your Image and File Manager.

Note: Always remember to follow the final point and save the page itself, or the hard work you have done will not be applied.