Multicolumn

Live Chat Support | Webibazaar Template

The "Multicolumn" section is provide by the Piano 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
Make section full width	By enabling this checkbox, you can make section in full width.
Heading	Enter text to display as a title in the section.
Hide heading	By enabling this checkbox, hide the heading.
Enable zig zag	By enabling this checkbox, show the zig zag column.
Enable absolute background	By enabling this checkbox, show absolute background. This feature will only work when gradiant color also add in color scheme.
Content style	Customization of the "Content style" in the multicolumn section is as follows: Card Standard
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	Customization of the "Image ratio" in the multicolumn section is as follows: Adapt to image Portrait Square Circle
Desktop columns per row	"Desktop columns per row" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “4” columns.
Layout	Customization of the "Layout" in the multicolumn section is as follows: Slider Grid
Content alignment	Customization of "Content alignment" as follows: Left Center Right
View all button	Label Use "Label" to add a label to the Button in the section. Icon Use "Icon" to add a icon to the Button in the section. Link Use "Link" to add a link to the Button in the section.
Style	Customization of the "Style" style in the multicolumn is as follows: As a link No fill Fill
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
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.
Section padding	Top padding Use the bar to set the Top padding to display top space. You can set a minimum of “0px” padding and a maximum of “100px” padding. Bottom padding Use the bar to set the Bottom padding to display bottom space. You can set a minimum of “0px” padding and a maximum of “100px” padding.

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.
Icon	In the section, the icons are given to select. are for selecting: None Apple Banana Bottle Box Carrot Chat bubble Check mark Clipboard Dairy Dairy free Dryer Eye Fire Gluten free Heart Iron Leaf Leather Lightning bolt Lipstick Lock Map pin Nut free Pants Paw print Pepper Perfume Plane Plant Price tag Question mark Recycle Return Ruler Serving dish Shirt Shoe Silhouette Snowflake Star Stopwatch Truck Washing
Heading	Enter text to display as a heading on 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. Icon Use "Icon" to add an icon to the button in the section. Link Use "Button link" to add a link to the Button in the section.
Style	Customization of the "Style" in the multicolumn is as follows: As a link No fill Fill
Background image	You can add an image behind the content by using a background image.
Color scheme	In this section, you can change the background and foreground color of a multicolumn content using the color scheme. Scheme 1 Scheme 2 Scheme 3 Scheme 4