Supported Media

The.com allows you to add any media type your website needs including:

• Images: .jpg, .png, .gif, .svg, .pdf

• Videos: .mp4, .webm

• Audio: .wav, .mp3

• Fonts: .otf

• Text: .css, .js

Adding Media

There are four ways to add media files to your website:

1. Drag a file into the Media row in the worksheet

2. Drag a file into an Image or Video Element

3. Drag a file into a sheet or style cell

4. Select multiple images from your file browser

When files are uploaded they will appear in the left-most cell in the Media row by default.

1) Drag a file into the Media row in the worksheet

Simply drag and drop any file over a cell in the Media work on the worksheet.

This method of adding media is great for font files or assets that you may not immediately want to use.

2) Drag a file into an Image or Video Element

When you add an Image or Video Element to a Page or Block, you'll be given a list of the most recent media files that you can select from. However, you can add new files by dragging and dropping a file directly onto an Image or Video Element.

This is great for adding assets as you build.

3) Drag a file into a cell

Style Cell

You may want to add an image using the CSS background-image property. You can do this by dragging and dropping an image file over the Background Image property cell in the Style Grid.

Sheet Cell

Additionally, if you are setting up a Sheet to hold your content, you can drag and drop images right into any Sheet cell.

4) Select multiple images from your file browser

On the Worksheet, click the blue plus to add files from your file browser. This method allows you to add multiple files at a time. Find the file or files you want to add and click to confirm.

Deleting Media

To delete a file, select it from the Worksheet and hit delete or backspace on your keyboard. You will get a prompt asking to confirm that you want to delete that asset.

Additional Features

Worksheet Sorting

Like any of the rows in the Worksheet, the Media row can be sorted by newest, oldest, alphabetically, or reverse-alphabetically.

Copy File URL

Sometimes it is necessary to paste in file URLs for certain CSS properties or links. To get an asset's file URL, click on the icon in the cell's top-right corner. It will be copied to your clipboard.

Compress .jpg

The.com allows you to compress .jpg files within the editor. Click the yellow lightning bolt.