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:

  • Adapt to image
  • Small
  • Medium
  • Large
Image padding

Sets the padding to image:

  • None - Doesn't have padding.
  • Padding left - Gives some padding to the left of the image. 
  • Padding Right - Gives some padding to the right of the image. 
Desktop image placement

Сhanges image placement on the desktop :

  • Text first - Displays the text on the left.
  • Image first -  Displays the image on the left.
Mobile image placement

Сhanges image placement on the mobile:

  • Text first - Displays the text on the left.
  • Image first -  Displays the image on the left.
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
  • Top: Displays the content at the top.
  • Center: Displays the content in the center.
  • Bottom: Displays the content at the bottom. 
Horizontal content position
  • Left: Aligns text to the left of the block.
  • Center: Aligns text to the center of the block.
  • Right: Aligns text to the right of the block.
Space between image and text

Adds space between image and text:

  • Small 
  • Normal 
  • Large 

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
  • Default: left, right paddings equal.
  • Left: Padding is bigger on the left side from content.
  • Right: Padding is bigger on the right side from content to image.
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.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us