Add static images

Brienne Wong
Brienne Wong
  • Updated

Add static images

1) You can add images to your styleguide from the toolbar by choosing Image / GIF

toolbar_image.png

2) Change the alignment and size of the image

Screen_Shot_2022-07-27_at_2.52.31_PM.png

3) Your image will be displayed in the styleguide

Link images

You can add links to images in your styleguide.

1) When you hover over an image, click the link icon to add a URL

Screenshot_2022-09-13_at_14.54.03.png

Replace images

You can replace an image without having to delete the block and add a new one. The styling settings like size and position are retained for your image.

qOY1SrjDwiZixDqrOXxUmg.gif

Image lightboxing

You can expand your images to view them in greater detail

1) Hover over the image and click Layout settings

Screenshot_2022-10-25_at_12.46.07.png

2) Toggle on Lightbox

Screenshot_2022-10-25_at_12.46.20.png

3) Once lightbox is enabled, click the arrow in the upper right corner to enlarge

Screenshot_2022-10-25_at_12.46.44.png

4) Click the X to close

Screenshot_2022-10-25_at_12.46.57.png

Supported file size

We do not recommend uploaded images to exceed 150 MB, which can cause slow loading times.

Supported image file types

We currently support the following file types:

jpg jpeg gif png svg

If you'd like to attach a file type that isn't listed here - get in touch via support@zeroheight.com.

Was this article helpful?