Adding a dedicated link to download a file that includes a file icon is quick and simple with the File component. To get started, click the Add Content button within the site editor and drag the File component to a page of your site. Next, click on the component to open the options panel to the side of the editor.
File
At the top of the panel is an Upload button. Click on this button and choose the file you want to upload. If you need to replace the file, click on the Upload button again and upload a new file.
Display Name
To edit the name of the file shown with the component, edit the Display Name field.
Download Name
If you want to customize the name of the file once a visitor downloads it, edit the Download Name field.
Layout
The Align option found in this option group is used to align the icon and text to the left, right, or center of the component.
Design
The options within this group control the styling of the component, and the colors of various elements in specific. All three options can be set to auto, or to custom to choose a unique color.
- Icon Color - The color of the file icon itself.
- Extension Color - The color of the text showing the file extension. This text is displayed on the file icon.
- Filename Color - The color of the filename text, which is shown to the right of the icon.
Spacing
The Margin option in this group controls the spacing around the file icon and text. This can be set the same or separately for all sides, and can also be set separately for different screen sizes by clicking the desktop/mobile icon.