Sections

Multicolumn

Present content in multiple columns, perfect for displaying a variety of information side by side, such as features, benefits, or categories. Enhances readability and organization.

stlpce


Adjust Multicolumn section

These settings allow you to customize the appearance and layout of the multicolumn section, ensuring it fits seamlessly within your store’s design and effectively showcases the content in a structured and visually appealing manner.

Within the Multicolumn settings, you can adjust the following fields:

Number of columns on desktop

  • Adjust the slider to set the number of columns for displaying content on desktop devices. This determines how many columns are shown side by side in a row.

Background color

  • Select a background color for the multicolumn section. This helps ensure the section matches your store's overall design. The color code is displayed (e.g., #FFFFFF).

Text theme

  • Choose the theme for the text color. Options include:
    • Dark: Dark text on a light background.
    • Light: Light text on a dark background.

Section padding

  • Top padding: Adjust the space at the top of the multicolumn section. Measured in pixels (px), this allows you to control the vertical spacing above the section for better layout and design consistency.

  • Bottom padding: Adjust the space at the bottom of the multicolumn section. Measured in pixels (px), this allows you to control the vertical spacing below the section for better layout and design consistency.

Custom CSS

  • Add custom CSS to further style and customize the multicolumn section according to your specific design needs and preferences.

Available blocks

Column

Within the Column, the following fields are available:

Image

  • Select image: Click here to upload or select an image for the column.
  • Explore free images: Browse and select from free images available for use in the column.

Heading

  • Enter a title for the column. This heading will be displayed at the top of the column, providing a title for the content.

Content

  • Provide the main text content for the column. Use the text editor tools to format the text, including bold, italic, lists, and links. This is where you provide detailed information or a message related to the image and heading.

💡 Tip: You can use drag and drop to move individual blocks. In Shopify, individual blocks/sections can be removed (bin) or hidden (eye), and then revealed again.

Previous
Lookbook