Images in Remixer

The following describes how to use Remixer's image editor.

Before you get started

Before you begin using Remixer's image editor, please note the following:
  • You must use an image 'Web Section' in order to place an image on your page. Images can only be placed within the pre-defined area of that section. It's currently not possible to upload images to any location outside of an image 'Web Section'.
  • It's currently not possible to resize image file sizes in Remixer. To improve your site speed, make sure your image file sizes are optimal. For image editing, you can zoom, flip, or rotate images, and apply color filters.
  • If your Remixer site was created prior to October 20, 2017, some new image features (such as filters and image hyperlinking) do not function. Only newly added Remixer 'Web Sections' include full image editor functionality.

Uploading images into Remixer

Remixer allows you to upload images from several sources such as social media accounts, Pixabay, or an existing website. Once uploaded, you can add them to your website.

To upload:

  1. Open Remixer.
    Remixer upload image
  2. Click the 'Media' button on the top right.
    Remixer upload image
  3. Click the 'Images' link to view your options to upload.
    • Upload from computer
    • Import social media
    • Search Pixabay
    • Import a website
  4. Click on any option and upload your images.

Deleting an image

  1. Click the 'Media' button on the top right.
  2. Click the 'Images' link to view all images.
  3. Click the image.
  4. On the bottom right, click the red 'Delete' button.

Editing an existing image on your page

Remixer edit image

After you've added a ''Web Section'', uploaded your images to the 'Media' page, and added your image to your Remixer page, you can continue to edit the image further.

remixer_new_image_editor_09.fw.png

Remixer allows you to:

  1. flip
  2. rotate
  3. center
  4. adjust opacity, and
  5. adjust image scale

Click the image to open the left editing panel.

  • The current image displays in the left panel where you can make adjustments to it such as rotate, flip, and re-center. Below these options are sliders for adjusting Image Opacity and Image Zoom Scale.
    remixer_new_image_editor_01.fw.png
  • To replace the image with one from your collection, click the 'Library' tab. Then click an image in the list of images below. If your image selection is not in the Library yet, click Add Media button to upload your image directly. Alternatively, you can upload your images under “Media” in the top right navigation bar as described above.
  • Changes in the Image Editor are automatically applied. If you wish to change a previous image edit, click the Undo/Redo button in the top left corner of the Editor panel.

Adding images from Remixer's royalty-free catalog (Pixabay)

remixer_new_image_editor_02.fw.png

If you do not have any stock images, you can find some from Remixer's royalty-free image catalog. Click the 'Stock' tab in the Image Editor to preview a list of stock photos. Then click the View More Images button to expand your search by specific keywords (e.g., "cat"):

remixer_new_image_editor_03.fw.png

Once you have selected stock photos from Pixabay search, it is added to your Library (or, Media) catalog. To return to the Image Editor, click the Close button in the bottom left corner of the Pixabay Search page.

You can now see the imported image by clicking the 'Library' tab within the current image editor.

Applying a color filter to your image

You can apply color filters to your images by clicking the 'Filters' tab, and then selecting a filter to overlay your image:

remixer_new_image_editor_04.fw.png

Applying a hyperlink to an image

You can also apply a hyperlink to your image by clicking the 'Link' tab. Select the type of link you want from the drop-down menu:

  • URL — Type in the URL you want the image to redirect to.
  • Anchor — Link to any 'Web Section' on the current page
  • Email — Set an email address as a mailto:// link
  • Page — Link to another Remixer page
remixer_new_image_editor_05.fw.png

Please note that Image hyperlinking does not work for Hero or Parallax fullscreen 'Web Sections'. You can tell which 'Web Section' you're in by looking at the top right of the section. You'll see the name of it.

Adding and reordering multiple images

Some of Remixer's 'Web Sections' have a combined collection of images in their layout. This applies to the following sections:

  • Gallery
  • Gallery-Carousel, and
  • Square Image Grid
remixer_new_image_editor_06.fw.png

To add or reorder multiple images:

  1. Click on an image placeholder.
  2. Click the red “x”s at the top of the Image Editor to clear any current stock images.
  3. If the last stock image placeholder does not clear, add an image from your 'Library tab. You should then be able to remove the last stock image placeholder.
  4. Proceed with adding any additional images from the 'Library' tab.
remixer_new_image_editor_07.fw.png

When finished, you can simply drag-and-reorder the assigned images under the “Drag images to rearrange” section at the top of the Image Editor.

Exiting the Image Editor

remixer_new_image_editor_08.fw.png

After you finish editing your images, click the Close button in the bottom right corner of the Image Editor panel.

See also

Did this article answer your questions?

Article last updated .