All settings of the section (Image with text)
Media settings
Setting | Description |
Image | Choose an image from your media library, upload a new one, or search for free stock images using the "Explore free images" option. |
Image ratio | Sets the image ratio:
|
Image padding | Sets the padding to image:
|
Desktop image placement | Сhanges image placement on the desktop :
|
Mobile image placement | Сhanges image placement on the mobile:
|
Image width | Sets the width of the image. Can be from 30% to 70%. |
Enable video | A video icon that displays on the image leads to the video. |
Video | Click the 'Select video' button and upload your chosen video file. |
URL |
Enter a YouTube or Vimeo URL to the video you want to display. |
Enable video looping | Enable this option to make the video play continuously in a loop. |
Text settings
Setting | Description |
Text color | Changes the color of the text. Three options are available: Main, Secondary, Heading |
Vertical content position |
|
Horizontal content position |
|
Space between image and text | Adds space between image and text:
Space between the image and text adjusts when the image is first, then text. If at first text then image, this function adjusts space between left padding to text. |
Content paddings |
|
Background color | Choose color for block with text |
Section settings
Setting | Description |
Section top space | The "Section top space" setting allows you to adjust the amount of space at the top of the section using a slider. |
Section bottom space | The "Section bottom space" setting functions similarly to the "Section top space" setting but controls the space at the bottom of the section. |
Background color | To change the background color of the section, simply click on the circle labeled "Background color" and select an appropriate color from the color picker. This will apply the chosen color as the background for the section, enhancing its visual appearance. |
Image overlay | This setting allows you to apply an overlay effect on the image with text section, such as a color shape, pattern, or line, to enhance its appearance or create visual contrast with other elements on the page. |
Enable full width section | The section takes up the entire width of the page. |
Show top line | By enabling the "Show top line" setting, a line will be displayed at the top of the section, adding a visual separation between the section and the content above it. |
Show bottom line | Similarly, enabling the "Show bottom line" setting will display a line at the bottom of the section, creating a visual distinction between the section and the content below it. |