Our ‘Image and Text' feature is ideal for neatly aligning content on your website.

There are several ways to incorporate images into your website. This help article is specific to the ‘Image and Text’ feature. For information on other image features, please view the ‘Adding Images’ help article.

Notes:

  • Images must be in JPG, PNG, or GIF format to display on the page.
  • For upload issues, please view the ‘Image Sizing’ help article.

This help article includes the following:

  • The number of images permitted
  • How to add the ‘Image and Text’ feature to your website
  • Image options
  • Text options
  • ‘Image and Text’ display options
  • How to delete an image from the ‘Image and Text’ feature

Number of images permitted

The number of images you can add to your website is determined by your plan type.

Plan type

  • Lite plan: 100 image uploads
  • Standard plan: 500 image uploads
  • Pro plan: Unlimited image uploads

Note: Each image file counts toward your limit (Lite and Standard plans) regardless of size or type. Image limit includes all images uploaded across all features that allow images to be uploaded (not per feature.) A notice will be posted in your control panel when you’ve reached your account limit. You can upgrade to a new plan or delete image files to free up more space.

How to add the ‘Image and Text’ feature to your website:

  1. From the ‘Edit Content’ tab, click ‘Pages’ and open the page on which you’ll be working
  2. Click ‘Add feature’
  3. Select the ‘Image and Text’ feature
  4. Use the placement arrows on that page to set the feature’s location

Image options

  1. Click ‘Add an image’ or ‘select from Dropbox’

    Note: This includes the option to upload an image from your computer, select a previously-uploaded image, choose a stock photo from our gallery, or import an image from your Dropbox account.

  2. Click ‘Select’ on the uploaded or stock image

  3. Select your image options: (click ‘Edit’ in the settings pane on the left for existing images.)
    • Crop Image: Zoom or choose a preset crop size. Click ‘Apply’
    • Rotate: Click the left or right rotation icon
    • Link: Select the link type in the ‘Link to’ drop-down
      • An external page: Directs the visitor to a page that is not on your website
        • Enter the URL for the external site to which you want visitors directed
        • Check the ‘Open in new window’ option so visitors will keep your website tab open while they visit the external page
      • One of my pages: Directs the visitor to a page on your website
        • Select the site page from the ‘Page’ drop-down menu
      • A file: Downloads a file onto your visitors computer
        • Upload the file from your computer or import it from your Dropbox.com account
        • Choose an existing file (Select this option for a file already uploaded to your account. Files are stored in the ‘File manager’.)
          • An email address: Opens the visitor’s default email program so they can send you an email

            Note: If the visitor is using an online email program such as Gmail, Yahoo, etc. this link will not work. It’s advised to not use this linking option, and instead to use the Custom Form feature.

            • A pop-up version of this image: Opens a larger version on the page.
          • Download original image: When clicked this will download onto the visitors computer.
          • One of my albums: Directs the visitor to your album page
            • Select the desired album from the ‘Album’ drop-down menu
          • One of my tracks: Directs the visitor to one of your audio tracks
            • Select the desired track from the ‘Track’ drop-down menu
      • Image Filter: Choose a filter for your image (similar to Instagram filters) and click ‘Apply’
      • SEO: Enter ‘Alt text’, click ‘Apply’

        Note: This text appears inside the image container when the image cannot be displayed. It helps search engines understand what an image is about. Alternate text is also very helpful in case images on a page cannot be found.

      • Reset Image: Clears any image options previously selected.
      • Replace Image: (Located in the left-hand pane) Choose a different image.
  4. Click ‘Save’

Note: Although it’s not possible to customize the specific size of the image, you can use column widths to change the positioning.

Text options

From the settings pane on the left:

  1. Add ‘Heading’, ‘Subheading’, and ‘Description’ text (All are Optional)
    • Description options: Bold, Italics, Link (See link options above)
  2. Click ‘Save’

Display Options

There are several display options listed within the ‘Image and Text’ feature, in the settings pane at the left. These options control how your image and text work together on the page.

  • Split: The image on one side, text on the other side.
    • Alignment Options
      • Wrap text: When selected, text will wrap to the side and under the image.
      • Image position: Right or Left
      • Text position: Top, Middle, Bottom (Not available when ‘Wrap text’ is selected.)
      • Text align: Left, Center, Right (Not available when ‘Wrap text’ is selected.)
  • Collage: Image on one side with the text overlapping part of the image
    • Alignment Options
      • Text background: Color is added behind the text. Color choice is set in the ‘Edit theme’ tab. When the ‘Image and Text’ feature is in:
        • Section style 1, the ‘section style 3’ color scheme is applied
        • Section style 2: the ‘section style 3’ color scheme is applied
        • Section style 3: the ‘section style 2’ color scheme is applied
          • If the text background is removed, it shifts to take on the section properties rather than the above behavior.
      • Image position: Right or Left
  • Stack: Image is on top, text on the bottom.
    • Alignment Options
      • Text align: Left, Center, Right
  • Text on image: Text displays overtop of the image.
    • Alignment Options
      • Text position: Top, Middle, Bottom
      • Text align: Left, Center, Right

        Note: Text will always be white and have a drop shadow.

Note: It is not an option to change the colors directly within the ‘Image and Text’ feature. To change the colours, the corresponding section style must be adjusted through the ‘Edit Theme’ tab, and these changes will apply to all sections using that style.

Deleting images

Because there is only one image in the ‘Image and Text’ feature, the image cannot be deleted, only replaced.