Images Not Displaying (CK Editor)

If an image is no longer displaying, it is because the filepath is no longer valid. The filepath is the location of a file within your website. It is the exact same concept as a file's location stored on your computer.

The example below displays the respective filepaths for the same image; one on your computer and the other on your website:

Computer Image: C:/Users/Steve/Pictures/2017-images/WaterBreak.jpg
Website Image:    /content/images/2017-images/WaterBreak.jpg

If the image is deleted, moved or renamed, the filepath changes. Without updating the image's location within your content, it will no longer display. It will then only be identified in the content by an image outline.

Here are the causes of and resolutions to invalid filepaths:

1. Image Was Deleted

Cause: The original image was deleted. 

Resolution: Re-upload the image into your image manager, then insert it back into your content.

  • Double-click the image outline in your content (or highlight, then choose the 'Image' icon) to enter its properties.
  • Select the Browse Server button.
  • Upload the image into the appropriate folder.
  • Click the image once, then hit the Select button.
  • Hit OK.
  • Save & Close when completed.

2. Image Was Moved

Cause: The image was moved from one folder (location) to another. 

Resolution: Return the image to it's original location.

  • Double-click the image outline in your content (or highlight, then choose the 'Image' icon) to enter its properties.
  • Select the Browse Server button..
  • Locate the image, then click it once.
  • Hit the Actions option, then choose Move To.
  • In the drop-down, select the original folder.
  • Click Move.
  • Close out of all pop-up windows including the page editor; the update has already been made.

What if I don't know the original location?

  • Double-click the image outline in your content (or highlight, then choose the 'Image' icon) to enter its properties.
  • The filepath will be located in the URL field. Everything between a set of  "/  /"  is a folder name. 

"/content/images/" automatically accompanies the beginning of any filepath. If there is NO folder name after "/content/images/", then the location is in the main folder. Note that when you follow the instructions above.

3. Image was Renamed

Cause: The image's filename was changed.

Resolution: Change the filename back to what it was originally.

  • Double-click the image outline in your content (or highlight, then choose the 'Image' icon) to enter its properties.
  • Select the Browse Server button.
  • Locate the image, then click it once.
  • Click the Actions button, then choose Rename
  • Change the name back, then hit the Rename button again.
  • Close out of all pop-up windows including the page editor; the update has already been made.

What if I don't know the original filename?

  • Double-click the image outline in your content (or highlight, then choose the 'Image' icon) to enter its properties.
  • The filepath will be located in the URL field below. The filename directly follows the last "/" and ends before the "." in the file extension. Note that when you follow the instructions above.

Still need help? Contact Us Contact Us