Viola Documentation
Submit a TicketLiveChat
  • Webibazaar Support
  • Shopify Viola
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Theme Settings
    • Colors
    • Typography
    • Layout
    • Buttons
    • Variant pills
    • Inputs
    • Cards
    • Product card review
    • Content containers
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Favicon
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Sections
    • Rich text
    • Video
    • Page
    • FAQ
    • Image gallery
    • Custom Liquid
    • Contact form
    • Collapsible content
    • Multicolumn
    • Email signup
    • Collage
    • Slideshow
    • Scrolling bar
    • Collection list
    • Featured collection
    • Image Banner
    • Featured Product
    • Countdown with product
    • Tab Products
    • Countdown
    • Video with text
    • Image with text
    • Product with image
    • Text with icons
    • Lookbook
    • Testimonials
    • Blog Posts
    • Logo list
    • Social media gallery
    • Image comparison
  • Footer
  • Age verification popup
  • Product page
    • Product tab
    • Quick order list
    • Recently viewed product
  • Color swatches
  • Collection Page
    • Collection banner
    • Meta collection list
    • Product Grid
  • Pages
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • 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 2.0.0
    • Version 1.0.13
    • Version 1.0.12
    • Version 1.0.11
    • Version 1.0.10
    • Version 1.0.9
    • Version 1.0.8
    • Version 1.0.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • 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

PreviousProduct with imageNextLookbook

Last updated 1 month ago

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

Section
Description

Heading

Enter text to display as a title on the section.

Heading size

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

  • Small

  • Medium

  • Large

Heading alignment

Customization of "Text alignment" as follows:

  • Left

  • Center

Icon width

"Icon width" is used to change the size of the section icon. You can give the minimum width "0px" and maximum width "65px" of the icon.

Column alignment

Section "Column alignment" is as follows:

  • Left

  • Center

Show icon background

Enable checkbox for show icon background

Heading alignment

Customization of block "Heading alignment" as follows:

  • Left

  • Center

Direction

Customization of block "Direction" as follows:

  • Row

  • Column

Icon background color

In this section, you can change the icon background color of the session using the color scheme:

  • Accent 1

  • Accent 2

  • Accent 3

  • Background 1

  • Background 2

Uppercase heading

Enable checkbox for uppercase the heading text

Color scheme

In this section, you can change the background color of the session using the color scheme:

  • Accent 1

  • Accent 2

  • Accent 3

  • Background 1

  • Background 2

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

Block
Description

Icon

In the section, the icons are given to select. are for selecting:

  • None

  • Box

  • Shipping

  • 24/7 Service

  • Offer

  • Support

  • Truck

  • Dollar sign

  • Gift

  • Color User

  • Color Payment

  • Color gift

  • Color shipping

Heading

Enter text to display as a title on the section.

Description

Enter text to display in the “Description” section.

Live Chat Support | Webibazaar Template
Logo