Inline images

Description

Inline images are images placed within the body of a page via the WYSIWYG.

Fixed sizes

Fixed-size images do not scale up or down but display at the same size for  all screen size

  • To retain the size of an inline image
    right-click the images and select ‘Image properties’ 
  • Insert the width and height of your image
  • Select ‘Save’

Note: When these images are placed inside of a table they will distort.

Responsive sizes (Default or original size)

Responsive size images scale up or down and display at the different  sizes for different  screen sizes

  • To make the size of an inline image  responsive do not change the size dimensions in the ‘Image properties’ pop up menu but leave it unchanged
  • In order to control the initial size of an image and make it responsive at smaller breakpoints, you can add the image to a table.

Note: When these images are placed inside of a table they will scale proportionately.

Video reference