Image with text

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

Setting
Description

Image

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

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

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

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

Text

Show icon

In the section, show icon customization is as follows.

  • Hide

  • Image

  • Present icon

Image You can replace the icon with your own image by adding an image of your choice. Icon

In the section, the icons are given to select. are for selecting:

  • None

  • Flash sale

  • Apple

  • Banana

  • Bottle

  • Box

  • Carrot

  • Chat bubble

  • Check mark

  • Clipboard

  • Dairy

  • Dairy free

  • Dryer

  • Eye

  • Fire

  • Gluten free

  • Heart

  • Iron

  • Leaf

  • Leather

  • Lightning bolt

  • Lipstick

  • Lock

  • Map pin

  • Nut free

  • Pants

  • Paw print

  • Pepper

  • Perfume

  • Plane

  • Plant

  • Price tag

  • Question mark

  • Recycle

  • Return

  • Ruler

  • Serving dish

  • Shirt

  • Shoe

  • Silhouette

  • Snowflake

  • Star

  • Stopwatch

  • Truck

  • Washing

  • Chat

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

Last updated