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

Header background

Gecko - Text columns with image 2

Kiti

Written by Kiti

Last updated

87 views

On this page


This section allows you to show the images and texts in different columns. You also can handle the width of those text/ image columns following what you want to build the layout that you wanna use.

It is usually located on Homepage. However, Shopify 2.0 allows you to add the Text columns with image 2 section to any pages that you wanna use.

spaces_tdDF4h55NE3bVEDpck0F_uploads_eSY55sHXDGlE4YmW49Rt_textcolumn-1.webp

Steps

  1. In the theme editor (Customize), click Add section

  2. Search Text columns with image 2

  3. Click Save

1. Text columns with image 2 column

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

textcolumn-2.png

- Enable image checkbox: You can tick on this checkbox to enable the Image option in this section.

- Image option: You can Upload the image for each column here.

textcolumn-3.png

- Heading option: You can add a Heading text for the Text columns with image 2 section here.

- Text option: You can add some texts for the Text columns with image 2 section here.

spaces_tdDF4h55NE3bVEDpck0F_uploads_5WlofTGK2lQhUewvle54_textcolumn-4.webp

- Block width (Desktop, Tablet & Mobile): You can configure the width for the Text columns here. Our theme has the option that allows you to configure the block width on all devices: Desktop, Tablet & Mobile.

textcolumn-5.png

2. How to configure the Text columns with image 2 section?

- Heading design: You can choose a design for the Text columns with image 2 heading here. We have total of 5 heading designs for you to choose.

- Heading align center checkbox: Tick on this checkbox to enable the Heading of section on the center. If you uncheck this checkbox, the Heading will align left by default.

textcolumn-7.gif

- Heading: You can enter the content that you wanna show on the Text columns with image 2 heading here.

- Description: You can enter the sub-heading content for the section here.

spaces_tdDF4h55NE3bVEDpck0F_uploads_8tfARk7BV5LaeahKJMsH_textcolumn-6.webp

- Text alignment: You can choose to align text Left, Center or Right here.

- Position content: We have 2 positions for you to choose: Default position or Alternative.

textcolumn-8.gif

- Font size title/ text (Desktop and Mobile): You can configure the font-size for the Title and text of this section here.

spaces_tdDF4h55NE3bVEDpck0F_uploads_GBq4h0E4gZWPbO1uxbW1_textcolumn-9.webp

- Layout: You can choose the layout for the section here. We have 3 layouts for you to choose: Container, Wrapped Container and Fullwidth.

textcolumn-10.gif

- Margin/ Padding: You can configure the margin/ padding for the section here. You also can configure margin/ padding for other devices: Tablet and Mobile devices.

textcolumn-11.gif

[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.

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