Setting Focal Point For a Background Image
Sites on SiteCliq are automatically adapted to different screen sizes. However, you can manually choose a focal point for the background images to ensure that they look good on PCs, mobiles and tablets. Focal point helps you select the center of the image you want to display as a block background.
Changing focal point for a background image
1. Open the settings of the block by clicking on the "gear" in the top right corner:
2. Navigate to the Background tab and click Positioning settings:
3. Change the image scale to Cover and select a focal point by moving the white circle across the image:
4. Set a focal point for each of the devices separately. To switch between the devices, simply click on the icons:
5. Publish your site for the changes to appear live.
Related Articles
Adding site's background
A good background creates the tone for the website and complements the content. On SiteCliq, you can add an image, a video or a color to the site’s background, and easily adjust it to your needs. Follow the steps below to add a site's background. ...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 ...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 ...Setting Slides to Autoscroll
Whether it's a cover slider block or a slider mode in the collections of items, you can enable the auto scroll effect for the slides. Tip: learn more about the slider in the article Adding a slider. Setting slides to auto scroll 1. To open the ...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 ...