Editing Images

The visual content of your site can be useful in stimulating your online growth and customers' engagement. Text-based content is always going to be the most meaningful part of the site, but by adding visual elements that can explain what the page is trying to say, targeted audiences can better understand or appreciate your brand’s message.

Note: even though SiteCliq automatically optimizes the images that you add to the site, a large number of media files per page may still affect the site loading speed.

Use the tools available in the editor to edit the images added to your site and stick to a uniform but creative design.

Editing images

If the image has been added as a standalone element or as a part of the gallery, click on it and open the Image settings with the "gear":

Note: if you want to edit the background image of the block, check out the article Changing the design of a block.

Possible customization options

1. Adding a color overlay to the image can significantly improve its readability:

2. Adding a filter can make a drastic difference to your image by changing its brightness, sharpness, saturation, or opacity:

3. Changing the position settings allows you to decide how the image can be fit in the placeholder:

4. Changing the style of the image enables or disables rounded corners:

Note: this feature only works if the position of the image set to Cover.

Changing image display

1. You can stretch the image by dragging the handle at the bottom of the image itself:

2. You can also set the zone to display with the help of the "loop":

3. Change the display by dragging the image itself while holding down the right mouse button:

Don't forget to publish your site​ for the changes to appear live.

• Related Articles

• Adding Images

  Adding images to the site is an excellent way to illustrate what your page is about and attract the customers' attention to your company. With the help of our editor, you can add a picture to almost any of the ready-made blocks. Before you begin, we ...

• Adding a Before/ After Gallery

  If you want to showcase the changes by comparing 2 images, the Before/ After gallery will be a perfect solution. This functionality suits best for dentistry, beauty industry, construction and interior design companies, etc. The site visitors can pull ...

• Adding and Setting a Gallery

  Use a gallery on your site to create your photographer portfolio, share some company's event or live photos of your products. Five different layouts will help you to choose the best way to present the images. Follow the instructions below to see how ...

• Image Hover

  Image hover is the effect which is based on flipping the image when the cursor hovers on it. It creates a great opportunity to add interactivity to elements on your website. With the help of our tools, you can not only add the color overlay or ...

• Parallax Effect Settings

  The parallax effect makes the background image of the blocks move at a slower rate than the foreground. This creates an illusion of depth to the page, giving the content a 3D effect as viewers scroll down. If you want to surprise your site visitors ...