Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Kalles - Text columns with image sections

Maria Do

Written by Maria Do

Last updated

734 views

On this page


This section helps you customize images, text, and even buttons together. This section is usually located on Homepage. However, the Kalles theme now supports Shopify 2.0, so you can add this section to any pages that you want.

1. Text Column With Image

demo.webp

Steps: Theme editor (Customize) > Add Section > Text Column With Image > Click Save

1.1. Text Column With Image Content

Colum options allow you to upload an Image, Heading, Text, Button, Button size, Button color, etc.

13.webp

1.2. Text Column With Image Settings

Heading options

  • You can enter the Heading and Subheading, choose the design for the heading, also can choose text align: center.

14.png

General options

  • Text alignment, Position content, Font size title

  • Setting for image with ratio, size, position, hover effect.

Box option

  • There are 2 layouts that you can choose between Grid and Carousel.

  • Grid layout settings: These settings allow you to change items per row (both mobile and desktop). Moreover, you can also change Horizontal/ Vertical space.

  • Carousel layout settings: There are many options for you to change here. You customize Pre/Next button, Page dot, etc.

Design options

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

2. Text columns with image 2

This section helps you customize images, text, and even buttons together. This section allows you to choose the flexible width for each column.

21.png

Steps: Theme editor (Customize) > Add Section > Text Column With Image 2 > Click Save

2.1. Text Column With Image 2 Content

In the section, you can click the "Add Column" button to add the content to the section:

31.webp
  • Colum options allow you to upload an Image, Heading, Text, Button, Button size, Button color, etc.

  • Block width (Desktop, Tablet & Mobile): You can configure the width for each column here.

32.png

2.2. Text Column With Image 2 Settings

Heading options

  • You can enter the Heading and Subheading, choose the design for the heading, also can choose text align: center.

22.png

General options

  • Text alignment, Position content: you can refer to the gif image below

23.gif
  • Font size title:

24.png
  • Setting for image with ratio, size, position, hover effect.

Box option

  • You can customize Horizontal/ Vertical space.

Design options

Please follow this guideline to config Layout, Background, Margin/Padding for the section.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.