Multicolumn

The "Multicolumn" section is provide by the Viola theme. This section is used to add a Image wise-banner with a title,content and button. you can show the multicolumn image banner as a slideshow.

Setting
Description

Heading

Enter text to display as a title in the section.

Heading size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Heading alignment

Following is the heading alignment customization of the heading of the section:

  • Left

  • Center

Image width

Customization of the "Image width" in the multicolumn section is as follows:

  • One-third width of column

  • Half width of column

  • Full width of column

Image ratio

In the section, Image size customization is as follows:

  • Adapt to image

  • Portrait

  • Square

  • Circle

Number of columns on desktop

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “3” and a maximum of “5” columns.

Column alignment

Customization of "Column alignment" as follows:

  • Left

  • Center

Button label

Use "Button label" to add a label to the Button in the section.

Button link

Use "Button link" to add a link to the Button in the section.

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Secondary background

Customization of the "Secondary background" in the multicolumn section is as follows:

  • None

  • Show as column background

By employing the 'Show as column background' you can show the secondary background in multicolumn section.

Mobile layout

Number of columns on mobile

"Number of columns on mobile" is used for the customization of collection columns in Mobile devices.

  • 1 Column

  • 2 Columns

Enable swipe on mobile

The multicolumn slides when the checkbox is activated. Slider arrow position customization of Slider arrow position in Mobile devices.

  • Top

  • Inline

Add Column

To add column to the Multicolumn section, click on the 'Add column'. There are many options available , as you can see in the below points and screenshot.

Block
Description

Image

Use "Image" to add the image to the section.

Heading

Enter text to display as a title below the image.

Description

Enter text to display as a description below the heading.

Button label

Use "Button label" to add a label to the Button in the section.

Button link

Use "Button link" to add a link to the Button in the section.

Last updated