Icon box

This section helps you add Icon, Header, Subheader, and Text in many boxes. You can use this section for many different purposes, especially for a more flexible Free Shipping section. Let's stick to this article to figure it out.

1. Icon Box Settings

HEADING OPTIONS

You are allowed to change Design, Align, Text, Icon, Subheading, Bottom Space.

CONTENT OPTIONS

  • Source Icon: This option allows you to choose icons from three sources: Icon, Image, SVG. You can choose one and then upload for your devices and outer sources.

  • Layout: You can choose between Grid and Carousel.

  • Moreover, you can also change Padding content, Items per row (For all devices), and Space horizontal/ Vertical (For both Mobile and Desktop).

OPTIONS FOR CAROUSEL LAYOUT

  • Enable loop: At the end of cells, wrap around to the other end for infinite scrolling.

  • Autoplay: You can drag a bar for seconds on Autoplay. If you tick on Pause autoplay on hover, auto-playing will pause when the user hovers over the carousel.

  • Previous/ Next button: You can choose to show or hide them. If you want to show the Prev/ Next button, you can also change Style, Shape, Color, Size, etc. for them.

  • Page dot: Also the same as next/ prevous button. You can choose to show/ hide/ customize it.

COLOR OPTIONS/ BOX SHADOW/ BORDER OPTIONS

These sections will help you enable/ disable Box Shadow and Box Border. Moreover, you can also change color for Border, Heading, Icon, Description, etc.

DESIGN OPTIONS

  • Layout: You can choose between Container and Full width. Besides, you can also choose background color for layout.

  • Margin, Padding: You are allowed to change both of them.

DESIGN MOBILE OPTIONS

  • Margin, Padding: You are allowed to change both of them for mobile devices.

CUSTOM CSS

If you know about CSS, you can copy and paste CSS style here for the countdown section.

[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