Image Properties

There are several options available to change how your images are treated on a page. For instance, you can force the text to flow around your images or add a border to them. To change an image's display properties:

1. In the Content Editor, click on the image to select it. A panel appears at the bottom of the editing window, allowing you to set certain features.
2. Click the Set Image Properties button for more options, or right‑click the image and choose Set Image Properties.

   

3. Change any of the options to create the desired effect and click OK when you're finished.

Here's a brief description of your options:

• Border Width — To add a border to your image, type a number into the Border Width text box (or use the plus and minus buttons). The higher the number, the thicker the border. Enter a 0 to ensure that your image has no border.
• Border Color — If you have selected a Border Width of at least 1, you can also change the color of the border. Just select the desired color from the drop‑down menu.
• Image Alt Text — Enter text here that you would like displayed whenever users hover their mouse pointer over the image. It can be a caption, a description, or (if the image is used as a hyperlink) instructions on what to do.

  In addition, this text appears in those rare instances when a user's browser doesn't display images (on a mobile device, for example).

• Long Description — Enter text here that you would like displayed whenever a user views your pages using a "handicap enabled" browser. These browsers will "read" the text to the site visitor.
• Image Align — The Image Align feature allows you to control how the Image interacts with surrounding text on your web page. Select the Left or Right option to move the image to one side or the other and wrap the text around the image. Clicking the Top, Center or Bottom option places the image in line with your text, and positions any text to the left or right at the top, center or bottom of the image.
• Image Src — This option displays the URL pointing to the source file for the image. Since XSellerate host all your image files, you won't need to use this tool.
• Spacing — Horizontal and Vertical Spacing allow you to add empty space around your images so that any text does not display flush against the image. As you increase the number, the space gets larger. Clear the fields or enter a 0 to eliminate any space.
• Size & Constrain — Use the Width and Height text boxes to change the size of your image. Enter the desired dimensions in pixels. To ensure that your images don't get skewed or scrunched, use the Constrain tool. If the chain link is connected, when you change one dimension, the other changes proportionally. Click the chain link to switch between constrained and unconstrained dimensions. Of course, you can also resize an image by clicking and dragging it.