Cello Documentation
Submit a TicketLive Chat
  • Webibazaar Support
  • Cello Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
  • Sections
    • Custom Liquid
    • Page
    • Map
    • Lookbook
    • Slideshow
    • Logo list
    • Collection list
    • Scrolling bar
    • Featured collection
    • Multicolumn
    • Featured product
    • Video
    • Sponsored product
    • Testimonials
    • Blog posts
    • Text with icons
    • Image banner
    • Image with text
    • Counter
    • Rich text
    • Multirow
    • Collapsible content
    • Contact form
    • Custom text
    • Newsletter
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Content containers
    • Background radius
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Setting the Complementary products(Metafield)
    • Quick order list
    • Product tab
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 2.0.3
    • Version 2.0.2
    • Version 2.0.1
    • Version 2.0.0
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Multirow

PreviousRich textNextCollapsible content

Last updated 10 months ago

Cello theme provides a section, namely "Multirow" in this section. This section is used to add a Image with heading, text and button. you can disply images with text in a multi-row layout.

Setting
Description

Image height

Customization of the "Image height" in the Multirow section is as follows:

  • Small

  • Medium

  • Large

Desktop image width

Customization of the "Desktop image width" in the Multirow section is as follows:

  • One-third width of column

  • Half width of column

  • Full width of column

Heading size

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

  • Small

  • Medium

  • Large

Description style

Customization of the "Description style" in the Multirow section is as follows:

  • Body

  • Subtitle

  • Uppercase

Desktop content position

Desktop content position customization of the content in the section is as follows:

  • Top

  • Middle

  • Bottom

Desktop content alignment

Customization of "Desktop content alignment" in desktop devices is as follows:

  • Left

  • Center

  • Right

Desktop image placement

The desktop Image customization section is as follows:

  • Alternate from left

  • Alternate from right

  • Aligned left

  • Aligned right

Row gap

When using row gap, you can set the desired spacing between rows to a minimum of "0" and a maximum of "20".

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

Mobile layout

Customization of "Mobile content alignment" in mobile devices is as follows:

  • Left

  • Center

  • Right

Add Row

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

Block
Description

Image

Used image to add to the image in the section.

Content background image

By adding a "Content background image", you can set a background image for the content.

Caption

Enter caption to display as a small text in the section.

Heading

Enter text to display as a title in the section.

Text

Enter text to display as a description in the section.

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.

Open this link in a new window

By using the "Open this link in a new window" option, the link will open in a new tab.

Button style

Customization of the "Button style" in the Multirow is as follows:

  • Link

  • Outline button

  • Solid button

Color scheme

In this section, you have the option to modify the background and foreground colors of a multirow's card using the provided color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Live Chat Support | Webibazaar Template
Logo