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

Social media

PreviousBlog postsNextText with icons

Last updated 8 months ago

This section displays a list of social media links for easy sharing or navigation.

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

Layout

Customization of the "Layout" in this section is as follows:

  • Wide

  • Container

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

Display type

Customization of the "Display type" in the social media list is as follows:

  • Grid

  • Carousel

Number of columns on desktop

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “5” columns.

Image ratio

In the section, Image size customization is as follows.

  • Adapt to image

  • Portrait

  • Square

Layout style

Customization of the "Layout style" in the social media list is as follows:

  • Post images

  • tag stories with posts

  • post images with social account

Social account

Color scheme

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

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Background opacity on hover

By enabling this checkbox, you have the ability to change the content background opacity. Modify the "Content background opacity" setting to increase or decrease the opacity level of the overlay on the social account.

Avatar

Use "Avatar" to add the avatar image to the section which can show as avatar.

Shape

Customization of "User image shape" is as follows:

  • Original

  • Curve

  • Circle

Name

Enter the name you would like to display as a username.

Button label

Use "Button label" to add a label to the Button in the section.

View all

Text

Enter a text to display as a button label in the section.

Text color

You can customize the button label color of the by using the color option. but, only applicable when button label text is set to bold.

Carousel

Style

This feature specifies the design and appearance of pagination controls like below:

  • None

  • Dots

  • Arrows

Disable arrows in mobile

Enable this checkbox to hide slider arrow from this section in mobile device.

Enable autoplay

Enable this checkbox to automatically rotate the images in the blog posts.

Autoplay interval

Use the bar to set the auto-rotate time of the social image slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.

Add Image

Click on "Add Image" and its customization is as follows.

Block
Description

Image

Used image to add to the image in the section.

Link

Use "Link" to add a link to the section image.

Live Chat Support | Webibazaar Template
Logo