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.
