Images, icons, fonts, stylesheets, etc.

What Are Files?

A file is anything you've uploaded to your site through the "Files" section. You can upload any type of file you want and you can upload files as large as 100MB.

Uploading Files

To upload a file, access the "Files" page by clicking on the "Content" menu and choosing the "Files" option. There are two ways to upload a file:

  1. Click the "Add Files" button and select one or more files from your computer.
  2. Drag files from your computer and drop them on the "Files" page.

After you have uploaded a file/files, the page will refresh with the new uploads displayed first.


The file manager supports creating folders so you can organize your files in a logical way. To create a folder, click on the "Create Folder" button on the "Files" page, Enter a name in the "Create Folder" dialog that appears and click the "OK" button. The page will refresh to show you the contents of the directory.

To upload a file to a specific folder, navigate to that folder by clicking on the folder icon and uploading a file using one of the methods described in the "Uploading Files" section above.

Replacing Files

You can replace an existing file two ways:

  1. Access the "Options" menu by clicking the gear icon - - for the file you want to replace.
    1. Click the "Replace File" option.
    2. In the dialog that appears, upload your new file.
  2. Drag a file with the same name onto the "Files" page.

The first method will rename whatever file you upload to match the existing file. The second method will only replace a file if (a) the dragged file is the same name as a file you are trying to replace and (b) the file you are trying to replace is in the same directory you are dragging the file to.

Check Your Format!

Whenever you replace a file, it must be the same format as the file you are replacing. For example, if you have a file named "pretty-background.jpg" and you want to replace it, the file you will use as the replacement must also be a jpg file. The system will not allow you to upload a file of a different type to replace an existing file.

Renaming Files

To rename a file, access the "Options" menu by clicking the gear icon - - for the file you want to rename and choose the "Rename" option. Enter the new filename into the dialog that appears and click the "OK" button.

Whenever you rename a file this way, PageRoost will automatically create a redirect for the file. That way, if there are any references to the old URL on your website or anywhere on the Internet, PageRoost will detect the requests to the now invalid URL and redirect users to the correct file. You can manage these redirects from the settings page.

Editing Files

The file manager supports editing several types of files. To edit a file, access the "Options" menu by clicking the gear icon - - for the file you want to edit and choose the "Edit" option. Depending on the filetype, you will either be taken to a code editor interface or an image editor will appear that will let you resize, crop, and apply filters to images.

Editing Images

When you edit an image, you are presented with the image editor. The image editor features many ways to manipulate images. You can crop, resize, apply filters, add text, shapes, and much more.

When an image is edited and saved, the original image is overwritten on the server. At this time, there is no way to revert to previous versions of an image that has been edited.

Editing Code

When editing a code file, you are presented with a file browser (which will only show files which can be edited as code) and a large code editor with syntax highlighting, line numbers, auto-indention, and more. You can edit multiple files at once by clicking through the file tree on the left and opening a file by clicking on it. To save a file you are editing, you can click the "Save Changes" button or use the shortcut keys Ctrl+S on Windows or Command+S on a Mac.

Using Files

There are several ways you can use a file on your site. You can insert an image or link to a file in a rich text editor, select images for an image carousel, and add stylesheet and javascript files to your templates and pages.

In addition to inserting files into rich text editors and using images in carousels, you can copy the URL of any file by clicking the "Copy Public URL" link - - in your list of files.