⬆️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.

You may also want to check out our documentation on β€œHow to style a background image”

Uploading and applying images to your design.

Upload an image from your device:

  1. In the β€œEdit” sub-menu open the β€œAssets” card.

  2. Click β€œUpload Asset”.

  3. Select the image from your device.

Using your image in an image component:

  1. With the β€œAssets” card still open, select an image component on the page.

  2. Click on the image preview in the β€œAssets” card.

  3. That’s it, you’ll now see the image has been replaced.

Using your image as a background image:

  1. 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.

  2. Switch to the β€œDesigner” card.

  3. Select the component to which you want to apply the image as a background.

  4. Always in the β€œDesigner” card, switch to the β€œBackground” tab.

  5. Click on the β€œBg. Image” input.

  6. 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.

Last updated