Image with text

The image with text allows you to configure a section in your website that includes a combination of images, text, and buttons. This section is highly customizable, providing options for layout, styling, colors, padding, and spacing.

Section settings

Settings	Type	Description
Layout
Show divider lines	checkbox	Displays divider lines within transparent background accordions.
Increase border radius	checkbox	Applies more rounded corners to images and content blocks with background color.
Desktop Height	select	Controls section height on desktop with multiple fixed and full-screen options.
Enable mobile height	checkbox	Enables height settings specifically for mobile devices.
Mobile height	select	Sets height for the section on mobile view.
Layout style	select	Choose between Inline or Overlay layout style for image and text arrangement.
Image position	select	Determines if the image appears on the Left or Right.
Image width	select	Controls the width of the image when using inline layout.
Image
Image	image_picker	Uploads the image to display in the section.
Colors
Block background	color	Sets a background color behind content blocks.
Text	select	Sets the text color: Light or Dark.
Background	color	Background color of the entire section.
Overlay gradient	color_background	Applies a gradient overlay to the background.
Section spacing
Width	select	Controls the maximum width of the content container.
Add spacing	checkbox	Adds spacing around the section content.
Padding top	range	Sets padding at the top of the section.
Padding bottom	range	Sets padding at the bottom of the section.