- Before you get started
- Uploading images into Remixer
- Deleting an image
- Editing an existing image on your page
- Adding images from Remixer's royalty-free catalog (Pixabay)
- Applying a color filter to your image
- Applying a hyperlink to an image
- Adding and reordering multiple images
- Exiting the Image Editor
- See also
The following describes how to use Remixer's image editor.
Before you get startedBefore 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. A general size would be 300k for logos and 100k for all other images. The more images, the longer your page will take to load.
- 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.
Not all image formats function with Remixer. For example, if you try to upload a .svg or .tiff file, Remixer will display an error message. It's recommend you use .png, .jpg, or .gif image formats.
Once uploaded, you can add them to your website.
- Open Remixer.
- Click the 'Media' button on the top right.
- Click the 'Images' link to view your options to upload.
- Upload from computer
- Import social media
- Search Pixabay
- Import a website
- Click on any option and upload your images.
Deleting an image
- Click the 'Media' button on the top right.
- Click the 'Images' link to view all images.
- Click the image.
- On the bottom right, click the red 'Delete' button.
Editing an existing image on your page
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 allows you to:
- adjust opacity, and
- 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.
- 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)
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"):
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:
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
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-Carousel, and
- Square Image Grid
To add or reorder multiple images:
- Click on an image placeholder.
- Click the red “x”s at the top of the Image Editor to clear any current stock images.
- 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.
- Proceed with adding any additional images from the 'Library' tab.
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
After you finish editing your images, click the Close button in the bottom right corner of the Image Editor panel.