Image with text

Add an image with a title, description, and Button. Choose the size of your image and upload it.

SettingDescription

Enable full width background

Enable this checkbox to set full width background in the image with text section.

First image

Use "Image" to add the first image to the section.

second image

Use "Image" to add the second image to the section.

Enable full image radius

Enable this checkbox to set image radius.

Offer

Add offer text to display over image.

Offer text color

Apply color for offer text.

Image height

Customization of the "Image height" in the Image with text section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Desktop Image width

Below, you will find customizations for adjusting the Desktop image width within this section:

  • Small

  • Medium

  • Large

Desktop image placement

The desktop Image customization section is as follows:

  • Image first

  • Image second

Desktop content position

Desktop content position customization of the text in the section is as follows:

  • Top

  • Middle

  • Bottom

Desktop content alignment

Customization of text alignment in desktop devices is as follows:

  • Left

  • Center

  • Right

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Show secondary background

By enabling this checkbox, you can show the secondary background in Image with text section.

Animations

Customization of the "Image behavior" in the Image with text section is as follows:

  • None

  • Ambient movement

By employing the Ambient movement feature, the image will exhibit motion.

Mobile layout

Mobile content alignment Customization of text alignment in mobile devices is as follows:

  • Left

  • Center

  • Right

Add block

To add blocks to the Image with text section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.

BlockDescription

Heading

Sub heading Click on the "Add block" and select the Heading. And enter text to display as a Sub heading in the section. Heading Enter text to display as a title in the section. Heading size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Caption

Text Input the text to be displayed in this section. Description style

Customization of the "Description style" in the image with text section is as follows:

  • Body

  • Subtitle

  • Uppercase

Text size

Customization of the "Text size" in the slideshow section is as follows:

  • Small

  • Medium

  • Large

Text

Content Click on the "Add block" and select the text. And enter text to display as a Content in the section. Text style

Customization of the "Text style" in the Image with text section is as follows:

  • Body

  • Subtitle

  • Uppercase

Author details

Image Used image to add to the author image in the section. Image type

Customization of the "Image type" in the Image with text section is as follows:

  • Original

  • Circle

  • Rounded rectangle

Name Enter text to display as a author name in the section. Text Enter text to display as a author position in the section.Click on the "Add block" and select the Button.

Button

Click on the "Add block" and select the Button. Button label Use "Button label" to add a label to the Button in the section. Button link Use "Button link" to add a link to the Button in the section. Open this link in a new window By using the "Open this link in a new window" option, the link will open in a new tab. Button style

Customization of the "Button style" in the Image with text section is as follows:

  • Link

  • Outline button

  • Solid button

Date

End date The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2024/10/05.

Last updated