Images | Weblium Help Center

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 recommend not overloading the pages with a lot of graphic content. This will not only significantly deteriorate the site loading speed but also reduce the level of perception by users of text content that is also on the page. You can also check theVery popular
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.Popular
Adding site's background
A good background creates the tone for the website and complements the content. On Weblium, 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. Adding site's background For that, hover over the block and access its settings bSome readers
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 you can add and set up a gallery on your site. You can also watch our short video about galleries: Adding a gallery Open the blocks gallery in the editSome readers
Adding a slider
Some blocks on our platform contain a slider allowing you to display images in a carousel where they change manually or automatically. You can add a ready-made slider to your website or enable this mode in existing blocks with a collection. Adding a cover slider If you want to add a slider as a first screen of your page, we recommend choosing our easily customizable and fully responsive cover sliders. Open the blocks gallery and navigate to the First screen tab, then choose **cover-2Popular
Setting slides to autoscroll
Whether it's a cover slider block or a slider mode in the collections of items, you can enable the autoscroll effect for the slides. Setting slides to autoscroll To open the settings of the cover slider, hover over the block and click on the "gear" at the top right corner: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83Some readers
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 the handler to the left or right to compare the images. Here's an example of how you can use the Before/ After gallery: To add and set up the Before/ After gallery, follow the instrSome readers
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. See the block with the contact form on the live demo of our Skydiving Website Template to preview how you can use the parallax effect on your future site. If you want to surprise your site visitors with an eye-catcher, follow the instructions bSome readers
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 animation but also make additional elements appear on hover. This is how it can look on the published site: Adding an image hover element Firstly, choose the Custom block from theSome readers
Setting focal point for a background image
Focal point helps you select the center of the image you want to display as a block background.Few readers
Adding a GIF
A GIF is an image file format commonly used for images on the web and sprites in software programs. In simple words, GIFs are a series of images or soundless video that loops continuously and doesn't require anyone to press play. Learn how to insert a GIF to your site to relieve a text-based content and add animated elements to attract the attention of your users. Finding a GIF There are plenty of platforms thSome readers