Image with text

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

Setting
Description

Image

Image Use "Image" to add the first image to the section. Content beside image width Customization of the "Content beside image width" in the Image with text section is as follows:

  • Small

  • Medium

  • Large

Second image Use "Image" to add the second image to the section. Height Customization of the "Height" in the Image with text section is as follows:

  • Adapt to image

  • Small

  • Medium

  • Large

Position

The position customization section is as follows:

  • Media first

  • Media second

Media first is the default for mobile layout.

Content position

Content position customization of the text in the section is as follows:

  • Top

  • Middle

  • Bottom

Media position

Media 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

  • Scheme 6

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.

Block
Description

Heading

Enable gradient effect By enabling that checkbox, you can see heading text with gradient effect. Text Enter text to display as a title in the section.

Note: Use the slash "/" "/" to highlight words. The following example: /Text/. Size Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Style

Following is the heading style customization of the heading of the section:

  • Body

  • Uppercase

Subheading Enter text to display as a subheading in the section.

Description

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

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

  • Body

  • Uppercase

Button

Label Use "Label" to add a label to the Button in the section. Link Use "Link" to add a link to the Button in the section. Style

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

  • Link

  • Outline

  • Button

Button as

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

  • Label only

  • Label with arrow

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

Font Select font family for Author name.

Name Enter text to display as a author name in the section.

Last updated