Koto Documentation
  • Webibazaar Support
  • Koto Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
    • Collection icons
    • Secondary menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Slideshow
    • Promotion card
    • Gallery with text overlay
    • Featured collection
    • Image with text
    • Rich text
    • Logo list
    • Featured product
    • Multiple video with products
    • Blog posts
    • Social media
    • Text with icons
    • Map
    • Collection list
    • Multicolumn
    • Collapsible content with image
    • Newsletter
    • Contact form
    • Video
    • Notice
    • Scrolling promotion
    • Single banner
    • Promotion code
    • Category products
    • Testimonial
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Advanced
    • Sticky bottom bar
    • Inputs and buttons
    • Carousels
    • Corner radius
    • Product cards
    • Badges
    • Social media
    • Search
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Combine listing
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Text with icons

PreviousSocial mediaNextMap

Last updated 8 months ago

You can add text with icons to clearly define content or policies in your store.

Section
Description

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Heading

Text

Enter text to defines the main heading of the section.

Text color

You can customize the foreground color of the heading by using the color option.

Size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Alignment

Customization of the "Alignment" in this is as follows:

  • Left

  • Center

Icon width

"Icon width" is used to change the width of the section icon. You can give the minimum width "20px" and maximum width "50px".

Icon color

Customize icon color of the section by using this settings.

Text size on desktop

Following is the text size customization of the the section:

  • Small

  • Medium

  • Large

Content alignment

Following is the content alignment customization of the the section:

  • Left

  • Center

  • Right

Spacing around blocks

"Spacing around blocks" is use to set spacing around blocks in the section. You can set a minimum of “0px” and a maximum of “15px” spacing around blocks.

Blocks color scheme

In this section, you can change the background and foreground color of blocks using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Add text with icon

Click on "Add text with icon" and its customization is as follows.

Block
Description

Icon

In the section, the icons are given to select.

Heading

Enter text to display as a title in the section.

Description

Enter text to display in the “Description” section.

Live Chat Support | Webibazaar Template
Logo