Go to website
Back
Articles on:Images
Add and edit pictures on your website.

Categories

  • Getting started
  • Site editing
  • Contact forms
  • Online store
  • Images
  • Blog
  • Integrations
  • Weblium CRM
  • SEO
  • Billing
  • Domains & Mailboxes
  • White Label settings
  • Site & Account settings
  • Troubleshooting
  • Draftium
  • 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 thePopular
  • 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
  • Setting focal point for a background image
    Sites on Weblium are automatically adapted to different screens, but you can manually choose the focal point for the background images. Focal point helps you select the section of the image you want to display as a block background on the mobile devices. Changing focal point for a background image For that, open the settings of the block by clicking on the "gear" at the top right corner:Few 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
  • 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. Adding a gallery Open the blocks gallery in the editor, access the ** Gallery** tab and choose a suitable block: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/templatSome 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
  • 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 **wirefraSome readers
  • 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
  • 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 theFew 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

Not finding what you are looking for?

Chat with us or send us an email.

  • Chat with us
  • Send us an email

© 2021