How to Use Electro Image With Text Columns Section

OverviewClick to copy 2222

How many Image With Text Columns are displayed simultaneously on one hover? 4
How many columns could I add within one section? Unlimited, but should be under 12

What is Electro Image With Text Columns SectionClick to copy 2222

Electro Image With Text Columns section is a section that allows you to display text and images side by side. It is a versatile section that can be used to display a variety of content, such as product descriptions, blog posts, and testimonials.

The section has 5 columns by default. You can add more columns to fit your needs. There is no limit to the number of columns that can be added to this section.

You can add text and images to each column. You can also customize the heading, text alignment, and crop images settings.

The Image With Text Columns section is a great way to add visual interest to your website and to make your content more engaging.

Access Electro Custom HTMLClick to copy 2222

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

Configure Electro Image With Text Columns SectionClick to copy 2222

GeneralClick to copy 2222

The Image with Text Columns section follows the general settings of a section. This includes the heading content, which consists of the heading and subheading.

To remove any settings, simply delete the content and leave a blank space.

ImageClick to copy 2222

The Electro theme supports 4 image ratios for the images on each column:

  • Square: The image will be displayed in a square format.

  • Portrait: The image will be displayed in a portrait format, with a width to height ratio of 2:3.

  • Landscape: The image will be displayed in a landscape format, with a width to height ratio of 3:2.

  • Adapt to Image: The image will be displayed in its original aspect ratio.

LayoutClick to copy 2222

There are 2 types of content alignment that you can set for the heading content:

  • Left

  • Center

To show the columns list as a carousel, enable:

  • The Enable Carousel checkbox

  • The Show progress indicator checkbox.

ButtonClick to copy 2222

To add a button label and link, click on the placeholder and insert the content. To change the button settings, update your theme settings.

To remove the button, delete the label text.

Column Block ConfigurationClick to copy 2222

You can click on (+) Add block button to add more columns to the section.There is no limit to added blocks in this section, so you can add any additional items based on your needs.

To add information to each column, click on the column. You can then add a heading, description, and image to the column.

To add an image, click the Select image button and upload the image. The recommended image size is 700 x 500 pixels in PNG format.

Frequently Asked QuestionsClick to copy 2222

What is Electro Image With Text Columns Section?Click to copy 2222

Electro Image With Text Columns Section is the way to display multiple images with their texts together. This is the best way to present complicated contents, highlight product features or to show product benefits towards customers

How many types of image ratio are there?Click to copy 2222

Four types of image ratio available including: Square, Portrait (2:3), Landscape (3:2) and Adapt to Image

Navigate this category