Image With Text

About Image with Text SectionClick to copy 2222

Blum Image With Text Section is a common layout design used in online stores. It pairs an image with accompanying text to provide a more engaging and informative presentation of a product, service, or promotional message.

Blum Image With Text OverviewClick to copy 2222

Recommended size for Primary Image 700x500px
Recommended size for Secondary Image 250x250px
Image Ratios Available (1:1) (3:4) (4:3)

Access Image with Text SectionClick to copy 2222

From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Image with Text’.

Image with Text ConfigurationClick to copy 2222

This section shares the same settings with the Hero Image with Text section in:

  • General: You can change the color scheme for this section by selecting the scheme here. To change the theme color, please go to Theme settings > Colors.
  • Layout:
    • Choose Content alignment of this section with 2 options: Left and Center
    • Ability to enable ‘Remove padding top‘ and ‘Remove padding bottom‘ option
  • Text: Add content in the Section SubheadingHeading and Description
  • Button: Add button text and button link
  • Prominent Badge:
    • Text: You can enter the name on the field
    • Color scheme: Main accent or Extra accent
    • Position: Left or Right
    • Shape: Star, Diamond or Asterisk

ImageClick to copy 2222

In Image tabs, you can set up for the Primary Image and Secondary Image. Click on the Select Image button in Primary and Secondary image to add your images in the section. If you just want to show one of the images, simply keep the other image type blank.

The recommended size for Primary Image is 700x500px and 250x250px for Secondary Image. With Primary and Secondary Image Ratio, you can select one of 3 types: Square, Portrait (3×4) and Landscape (4:3). By default, the section is set for Portrait type.

Navigate this category