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

Header background

Gecko - Image With text

Mie Tran

Written by Mie Tran

Last updated

304 views

On this page


This section allows you to show the images, text, and you can choose a grid, carousel layout for the images.

From Theme section sidebar -> Add section -> Image with text section

Untitled 2.gif

1. Image with text contents

1.1. Image

  • Image: This option allows you to upload an Image. And you can upload up to 5 photos

  • You are allowed to change Item width(Desktop, Tablet and Mobile) and Layout design.

OPTIONS IMAGE & OPTIONS FOR CAROUSEL LAYOUT:

  • Helps you configure the image with options for Image ratio, Image size, Image position.

  • Moreover, you can config Slider effect, Enable loop, Autoplay speed in second, Pause autoplay on hover

  • Enable page next prev button and dots button

Please follow this video below for details:

POSITION IMAGE ON MOBILE

  • Position image: This option allows you to set the position of the image on Mobile as Default or Reverse.

spaces_tdDF4h55NE3bVEDpck0F_uploads_XbphUEtugDZApkQzwPcJ_24.webp

2.2. Text

  • TEXT: You can add a text to and you can adjust text with many options like Item width, Text size, Text alignment, Sub heading, Heading

  • COLOR: Helps you configure the color of the content with options for Subheading color, Heading color, Description color and Enable text shadow.

  • BUTTON: configure the style of the button with options for Button label, Button link, Open link in, Enable button icon, Button style, Button style, Button color, Button hover effect.

spaces_tdDF4h55NE3bVEDpck0F_uploads_qS2wjsyCYslhbh2SSsbn_2023-01-04_16-21-12.webp

2. How to configure the Image with text section?

2.1. HEADING OPTIONS

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

spaces_tdDF4h55NE3bVEDpck0F_uploads_WenTjIUB386boPpdQu6O_2023-01-04_16-31-46.webp

2.2. GENERAL OPTIONS

  • Space horizontal/vertical items: You can set the space between items by horizontal/vertical.

spaces_tdDF4h55NE3bVEDpck0F_uploads_1FHuCde1GWQaad86ut8L_2023-01-04_16-33-20.webp

Image with text

This section allows you to show the images, text, and you can choose a grid, carousel layout for the images.

From Theme section sidebar -> Add section -> Image with text section

1. Image with text contents

1.1. Image

  • Image: This option allows you to upload an Image. And you can upload up to 5 photos

  • You are allowed to change Item width(Desktop, Tablet and Mobile) and Layout design.

OPTIONS IMAGE & OPTIONS FOR CAROUSEL LAYOUT:

  • Helps you configure the image with options for Image ratio, Image size, Image position.

  • Moreover, you can config Slider effect, Enable loop, Autoplay speed in second, Pause autoplay on hover

  • Enable page next prev button and dots button

Please follow this video below for details:

POSITION IMAGE ON MOBILE

  • Position image: This option allows you to set the position of the image on Mobile as Default or Reverse.

2.2. Text

  • TEXT: You can add a text to and you can adjust text with many options like Item width, Text size, Text alignment, Sub heading, Heading

  • COLOR: Helps you configure the color of the content with options for Subheading color, Heading color, Description color and Enable text shadow.

  • BUTTON: configure the style of the button with options for Button label, Button link, Open link in, Enable button icon, Button style, Button style, Button color, Button hover effect.

2. How to configure the Image with text section?

2.1. HEADING OPTIONS

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

2.2. GENERAL OPTIONS

  • Space horizontal/vertical items: You can set the space between items by horizontal/vertical.

2.3. DESIGN OPTIONS

  • Layout: You can choose between Container, Wrapped container, Fullwidth for the layout.

  • Margin, Padding: You are allowed to change both of them for Desktop, Tablet & Mobile devices.


[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 highly recommend Shopify apps from our partners.

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