Image with text
This section allows you to show the images, text, and you can choose a grid, carousel layout for the images. You can go to Theme sections > Add section > Search and add Image Width Text to configure it.
1. Image with text settings
HEADING OPTIONS
Heading design: There are totally 14 heading designs.
Heading align: Align the title to the left, center.
Heading: Enter the content of the heading.
Enter a icon name on heading: Go to LineAwesome to get the icon that you want to show on design 6.
Subheading: Enter the content of the subheading.
Space bottom (px): This allows you to change the space between the heading and content.
Please follow this video below for details:
GENERAL OPTIONS
Space horizontal items: You can set the space between items by horizontal.
Space vertical items: You can set the space between items by vertical.
DESIGN OPTIONS
Layout: You can choose between Container, Wrapped container, Full width for the banner layout.
Background: You can set the background color for this section.
Background gradient: You can set the background gradient color for this section.
Background Image: You can add an image for the banner section.
Margin, Padding: You are allowed to change both of them for mobile devices.
2. Image with text contents
2.1. Image
SETTINGS
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.
Please follow this video below for details:
POSITION IMAGE ON MOBILE
Position image: This option allows you to set the position of the image as Default or Reverse.
OPTIONS IMAGE & OPTIONS FOR CAROUSEL LAYOUT
Helps you configure the image with options for mage ratio, Image size, Image position.
Slider effect: You can choose between Fade or Slider.
Enable loop: At the end of cells, wrap-around to the other end for infinite scrolling.
Autoplay speed in second: You can set the automatically time move on to the next image. Set is ‘0’ to disable auto play.
Pause autoplay on hover: Auto-playing will pause when the user hovers over the image.
PREV NEXT BUTTON
Use prev next button: This option allows you to enable/disable prev/next buttons for image.
Visible: You can choose between Always/ Only hover.
Button style: You can choose between Default, Outline, Simple.
Button shape(Not working with button style 'Simple'): You can choose between Default, Round, Rotate.
Button color: You can choose color for this button.
Buttons size: You can choose between Small, Medium, Large.
Hidden buttons on mobile: This option allows you disable this button on mobile devices.
PAGE DOTS
Use page dots: This option allows you to enable/disable page dot.
Dots style: You can choose between Default, Outline, Elessi.
Dots color: You can choose color for Dots.
Enable dots round: You can change dots from square to round.
Dots between horizontal: You can change the space between dots.
Hidden dots on mobile: This option allows you disable dots on mobile devices.
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 and Text.
COLOR
Helps you configure the color of the content with options for Subheading color, Heading color, Description color and Enable text shadow.
BUTTON
Helps you 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.
[Private Offer] EComposer Partner Plan
Exclusively for Kalles users, 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, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
Create advanced sections & add to Kalles with ease
Save up to 50 pages/sections
100+ professional, stunning pre-designed templates
Anyone can build pages with live drag-drop editor
How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free
Cheers, The4.
Last updated
