1. What is Highlight Text with Image?
Highlight Text with Image lets you put pictures right inside your words. It's a way to make important messages or stories more interesting by mixing text and images together. Ideal for marketing campaigns, product highlights, or brand storytelling, this section enhances readability and engagement, ensuring your content stands out.
2. How to set up the Highlight Text with Image section?
Step 1: Add the Section
In the Theme editor, click "Add section" > search for "Highlight Text with Image" > select it to add the section to your page.
Step 2: Customize the Text
Once added, under the Text setting group, you can:
- Enter your heading text and insert images within the text using placeholders like [img1], [img2], etc.
- Adjust the heading size using the slider.
- Choose the text alignment (Left, Center, or Right).
- Set the image ratio (e.g., Square 1:1) for consistent image display.
Step 3: Add Image blocks:
The placeholder [img1], [img2] during step 2 will not show any images if you don’t add the Image blocks. So, you need to:
- Click "Add block" and select "Image".
- Upload an image or choose from free image options.
- (Optional) Add an image link to direct users to another page.
- Adjust image width separately for desktop and mobile.
Step 4: Adjust the Style & Layout
- Set text colors and background colors for both light and dark modes.
- Enable or disable the section divider for better visual separation.
- Adjust other Desktop layout and Mobile layout settings if needed.
Step 5: Click "Save" to apply changes.
