Now, in the “Social icons” section, the X (formerly Twitter) appeared. We did not change the existing Twitter icon on websites, so if you wish, you can change the old Twitter logo with a bird to a new one — X — which will help you represent the relevant icon of this social network.

Now you can zoom in and out pictures in the Scale to fill mode. To perform it, you should choose the image, press the “Position” button, and resize it by using the slider above the element. This update allows you to display the exact part of the image you need. 

We added a basic adaption of absolute elements for tablet and mobile website versions. Now, when you change or move elements in the desktop version editor of your website, the elements will be automatically arranged for mobile devices. 

However, since the automatic adaption may not match the required design, after the creation of the block, we recommend you go to the mobile and tablet version editor and change the positions of the elements so they will complement your demands. This feature allows you to edit the view of your website on different devices more efficiently and better adapt it to create a unique design. 

Using a keyboard, you can move absolute elements (e.g., in the Flex block). You only need to select the element and use keyboard arrows. Even more, you can move elements by 10 pixels by holding the Shift button. It allows you to move elements quickly and efficiently with an accuracy of one pixel.

In the Weblium editor, there is now an option to change the image ratio in the Flex block and the ratio of images with absolute positioning in ordinary blocks. For example, you can make the image narrower or wider and change its height. It will allow you to form a rectangle that will contain the image. After that, by using a separate button, you can set up which part of the image will appear in a rectangle. At the same time, you can activate the “Scale to fit” switch in image settings to return to the image editing mode with the ratio maintained.

Also, by holding the Shift button in the “Scale to fill” mode (when the “Scale to fit” tumbler is disabled), you will be able to change the image size keeping its aspect ratio.

We changed the max height of the Flex block. Now, instead of 2000 pixels, the block height is 3000 pixels. It allows you to place more elements inside the block and better embody your design vision while creating the website.  

We added an option to manage several elements in the Flex block simultaneously. You can select several elements with your mouse or successively click with a Left Mouse Button on the elements while holding the Shift button. This way, you can move several elements simultaneously, copy and delete them, and align content in a selected group of elements. It will significantly reduce the time required to edit the block.

Now, you can move elements along 1 axis in the Flex block. While moving the element with the mouse, you can hold the Shift button to lock the element's position by the X or Y axis. While the Shift button is held, the element will move only by the axis you started to replace it. It allows you to manage the objects on your website more conveniently. For example, if you need to move an image only to the right or left, with this feature, you will be able to avoid any accidental element vertical offsets. 

We’ve added an option to edit a website’s tablet version. By default, when changing a desktop version of the website, the changes will be automatically applied to mobile and tablet versions. Now, you can change the settings of an element or a block for a tablet version separately, after which this setting will be changed independently of the desktop version. For example, you can change text alignment, paddings, collection element alignment, and font settings separately for a tablet version.

We've added snapping elements to other objects while freely arranging elements in a Flex block or an ordinary block. Element snapping occurs when it gets closer than 5 px to another freely arranged element, a block's boundary or center. At the same time, a red line will highlight the border to which snapping occurred. Also, snapping doesn't work when moving elements using keyboard arrows. It is convenient if you need to place an element less than 5 px away from the boundary to which snapping may occur.