Child pages
  • Image Positioning

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Section
Column

To adjust the positioning,

  1. Select the 'Appearance' tab from the 'Image Properties Screen'Image you would like to position by clicking on it.

    Note

    If Note the image has already been added, select the image, then click the 'Insert/Edit Image' button ( Image Removed ).width of your image size, as it will affect the type of positioning you want to select. You can do this by looking at the dimensions of the image in the file browser.

    Image Added

  2. Select from the following options menu item in the menu: 'Class' field (NOT the 'Alignment' field):Format' then 'Formats' in the drop-down menu. Then select the positioning based on the width of your image.

    1. Full size (min. width 910px)
    2. Large, Float Left (700px - 909px)

    3. Large, Float Right (700px - 909px)

    4. Medium, Float Left (400px - 699px)

    5. Medium, Float Right (400px - 699px)

    6. Small, Float Left (100px - 399px)

    7. Small, Float Right (100px - 399px)

      Float left


Image Added

  • Float right
  • Tip
    titleResize BEFORE uploading!

    Whenever possible, avoid resizing an image within the CMS. Instead, resize on your local machine first, then upload it.

    The numbers of the above options are for the relevant image widths which each should be used for. For example, if your image is 500 pixels wide, you should use one of the Medium floats.

  • Click Insert (or Update)

  • Column

    Image Removed

    Note

    After you select the image positioning format the image may move but will not show it's changed position. You will only see the changed position in the "View" state once you save the content change.