Text + Image Element is any image and any text element on a web page. The image can be uploaded from the computer or downloaded from the internet.
Click the "Add Element" button and select the "Text + Image" element. Then adjust the element settings.
Highlight the element to edit it by clicking on it with the mouse. The settings for that element will appear on the right.
For "Text + Image" elements, a panel with the following tools opens:
Element Settings
Text. You can change the text color, font, font size, line height. The default line height is set to auto. By moving the slider up and down, you adjust the height. Or you can set a numerical value. By clicking on the cross, you reset the numerical value to auto.
Image
Image. In this section, you can add and change the image itself. You can choose an image or an icon.
Image settings. In this section, you can change the position of the image: left, top, right, bottom. You can also adjust the height and width of the image. You can choose the size of the image: fill, do not change, fit, cover. Choose the shape of the image: square or circle. And also round the corners.
External spacing. You can adjust the margin of the image outside the field. This function is used if the image is next to another object (text, another image, icon, etc.) and you need to move it away from the borders of the other object.
Positioning
For more information on the settings in this section, read the article "Positioning".
Style
Background. In this section, you can change the background color of the "Text + Image" element and also add a background image to the element. For a background image, additional image settings are opened: image selection, size, image repeat, and image position inside the text field.
Text shadow. Choose the text shadow color, the direction of this shadow (left, right, up, down), and the blur (make the shadow bright and sharp or transparent). This effect is used if the background is uneven and the text is difficult to read in some places. And also to make the text more voluminous.
Shadow. You can add a shadow from the element around, adjust the offset and blur of the shadow. And also the shadow color.
Border. You can set a frame for the element: radius (corner rounding of the frame), frame style (no frame, solid, dashed, dotted), frame width, color.
Conditional show / hide
For more information on the settings in this section, read the article "Conditional show / hide".
Advanced settings
For more information on the settings in this section, read the article "Advanced settings".
