How to upload and apply images to your design
Instructions on how to upload an image and use it in an image component or as a background image in a component using the "Assets" and "Designer" cards.
Last updated
Instructions on how to upload an image and use it in an image component or as a background image in a component using the "Assets" and "Designer" cards.
Last updated
You may also want to check out our documentation on βHow to style a background imageβ
Upload an image from your device:
In the βEditβ sub-menu open the βAssetsβ card.
Click βUpload Assetβ.
Select the image from your device.
With the βAssetsβ card still open, select an image component on the page.
Click on the image preview in the βAssetsβ card.
Thatβs it, youβll now see the image has been replaced.
In the βAssetsβ card, over the preview of your image, youβll see 2 small icons. Click on the link icon to copy the image URL.
Switch to the βDesignerβ card.
Select the component to which you want to apply the image as a background.
Always in the βDesignerβ card, switch to the βBackgroundβ tab.
Click on the βBg. Imageβ input.
Type url( ) and in between the ( ) paste the link youβve copied on step number 1. E.g. url([<http://placekitten.com/200/300>](<http://placekitten.com/200/300>))
Thatβs it, you now have your image as the components background image. If is not looking so great you might need to style it a little more. Check our related documents.