Image with Text Columns Section
Blum Image with text columns sections can be used on any page of your online store, but they are particularly effective on the homepage and product pages.It can be used to promote special offers, or share educational information about your products or services.
|Maximum Items per row?
|Types of prominent badges available?
|Three, including Star, Diamond, Asterisk
From any page, please click on ‘Add Section’ on the left side bar, then choose ‘Image with text columns’.
Firstly, 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.
To add content in the Section Subheading, Heading and Description, click on the text box and insert the content. If you want to remove these contents, just delete the text in the text box.
There are 2 option for Content alignment of this section here: Left and Center
Next, you can select 2, 3, or 4 items per row on the desktop. The default is 4 items per row.
This range is the same as the items per row on tablet, but the default is 2.
After that, you can click on the checkbox to enable these following settings:
- Enable carousel on mobile
- Show navigation on mobile
- Remove padding top
- Remove padding bottom
The Image ratio can be selected from: Square, Portrait (2:3) andLandscape (3:2)
To add button text and button link, click on the placeholder and insert the content.
The Prominent Badge of this section has the same setting with the Blum Icon With Text section.
The Blum Image with Text Columns Section uses image column items. By default, this section has 4 items. To add more item for the section, click on Add Image column here:
Click on the Image block item to upload the image for block.
Next, you can add content for the heading and description on the content tab. If you want to remove the content, you just need to leave it blank.
Yes, you can, as both Blum Image with Text Columns and Blum Image Column allow users to customize their contents, to add Headings, styling, hyperlinks with bullets and number list option available.
You can just leave any field blanked, as the element is hidden if empty.