Image with text

The Image and Text Introduction section is used to showcase detailed information about products, services, or brands, attracting users' attention through a combination of images and text. This section is ideal for storytelling, highlighting specific features, or emphasizing brand values. It supports the addition of two images, allowing for more flexible and rich content presentation.

Configuration Options

Image Settings

• Images:

  • Purpose: You can upload two images to serve as the main visual elements. This feature allows you to display more visual content within a single block.

• Image Height:

  • Purpose: Adjust the height of the images, with options for adapt、small, medium, or large heights.

• Desktop Image Width:

  • Purpose: Adjust the image width for desktop devices, with small, medium, and large options.

• Prioritize Image Display:

  • Purpose: Enabling this option ensures that images load and display before the text, suitable for scenarios where the images are the primary focal point.

Content Settings

• Color Scheme:

  • Purpose: Choose a color scheme that matches your brand or page style, ensuring visual unity between the content and background.

• Text Alignment:

  • Purpose: Set the text alignment, with options for left, center, or right alignment.

Addable Blocks

1. Title:

   • Purpose: Add a custom title to direct users' attention to the main content.

2. Subtitle:

   • Purpose: Provide additional information or a description to supplement the main title.

3. Text Content:

   • Purpose: Add detailed text descriptions to further explain or emphasize the content shown by the images.

4. Button:

   • Purpose: Add an interactive button to guide users to perform specific actions, such as "Learn More" or redirecting to another page.

5. Social Media List:

   • Purpose: Add social media icons and links, making it easy for users to visit related social platforms.

Usage Considerations

• Image and Text Contrast: Ensure there is enough contrast between images and text for readability.

• Prioritize Image Display: Enable this option if images are the focal point, ensuring they display before the text.

• Color Scheme Selection: Choose a color scheme that complements the overall page design and avoids conflict with the background.

Common Issues

1. Slow Image Loading: Ensure the image file size is reasonable to avoid slow loading times.

2. Text Not Center-Aligned: Check the text alignment options and choose "Center Alignment" to ensure the text is properly positioned.