TABLE OF CONTENTS



I. About Page

1. Content

There are 4 types of content that you can add to the section by clicking Add Content: Text, Image, Text & Image, Social Icons

Text

  • Heading content: give the title to the blank
  • Heading font size (h1-h6): drag to choose the style for this font size (the bigger in number, the smaller in size)
  • Content: fill the box with your contents
  • Horizontal alignment: select the option as you wish (Left/Center/ Right)
  • Vertical alignment: select an option from the existing list
  • Width (1->12): 0 to hide. E.g: 4,6,12 ( Desktop, Fullscreen, Mobile mode respectively)
  • Item Padding in px: Eg: 35px 0 (Order: Top Right Bottom Left)


Text & Image

  • Image: Select the existing picture or you can Upload your own into this box
  • Background Color: modify the color of the whole background of the section
  • Heading content: give a heading for the text
  • Heading font size (h1-h6): again, drag to set the size of the heading font
  • Content: fill in the box the content 
  • Horizontal alignment
  • Vertical alignment
  • Width (1->12): 0 to hide. E.g: 4,6,12
  • Item Padding: Eg. 15px 0



Image

  • Image: you can upload/change/edit/remove the image
  • Width (1->12): it is the same as setting the width for the text above
  • Item Padding: Eg: 20px 0 35px (as the picture below)


Social Icons

This block is used to display social icon in HEADING BANNER



2. Settings

  • Tick to have Boxed layout for the whole section
  • modify the background-color
  • Show Breadcrumb by ticking 
  • you can choose the image for the breadcrumb

Heading banner

  • Banner Image: select or upload the image to set 
  • Heading content: fill the heading for the content in the blank
  • Heading font size (h1-h6): modify the font size style by dragging (h1: biggest; h6:smallest)
  • Horizontal alignment: select the option (Left/Center/Right) that fits your requirement to align the text
  • Content Max width: fill the number in px in the blank to set the width 
  • Content Padding: Order: Top Right Bottom Left


II. Customer

1. Content

To have more content on this section, click Add Content to add more Testimonials


Testimonial

  • Heading: you can add the name of the stores or the authors
  • You can have more description by filling in the blank of Subheading #1, #2
  • Message: give the content to the filling box
  • Image: select or upload your picture here


2. Settings

Section Label: name for the content above (eg: Testimonial)
Layout

  • Tick to enable Boxed Layout mode
  • Background color
  • Or you can set the Background Image instead by select or upload your picture 
  • Background Size: select your favorite option to set the size for the background
  • Background Image Repeat & Background Image Position: choose the existing options that make you satisfied
  • Section Padding (Order: Top Right Bottom Left)



Layout Content

  • Tick to enable Spacing Items & Round Image
  • Layout Item:  select a style as you wish for the item layout (#5. Required Image in Testimonial item)
  • Text align for Item content: Left/ Center/ Right
  • Item Border color
  • Item Background color
  • Background color transparent: drag to modify the transparency of the background of the items
  • Item Background image: if you don't want the background is a simple color, you can upload your own image to make it more interesting
  • Item Padding in px: fill in the blank the number to set the item paddling 
  • Item Max Width
  • Max number of items per row: give the number to limit the number of items per row (Eg: 4)


  • Item Font Size

Alter the font size for

  • Heading
  • Subheading #1, #2
  • Message
  • Item Color

Modify the color for

  • Heading
  • Subheading #1, #2
  • Message
  • Item Margin
Break point: xl,lg,md,sm,xs,xxs
Order: Top Right Bottom Left

Fill the suitable numbers in the blanks to modify the margin that fit your requirements for

  • Heading
  • Subheading #1, #2
  • Message
  • Item Letter Spacing

It is the same as Item margin that you need to fill the numbers to modify the spacing in the suitable blanks

  • Heading
  • Subheading #1, #2
  • Message
  • Big Image

this block will place above the Testimonials 

  • Big Image: select or upload the image into the box

Subtitle for Content

  • Subtitle
  • Text align for Subtitle: select the alignment to place the text (Left/ Center/ Right)
  • Subtitle color: modify the color as you wish
  • Subtitle font-size: fill the number in the blank to set the size (Eg: 24px)
  • Subtitle font-weight: there are several options for you to choose which suits your favorite


Section Heading

  • Heading: complete the blank with text to set the Heading for the whole section
  • Subheading; Subheading 2: fill in these blanks if it is necessary
  • Heading alignment: Left/Center/Right
  • Modify the color for Heading, Subheading, Subheading 2 (Blank to inherit color)


Section Button

  • Button Label: fill the text in the blank to set the name for the button. It is placed at the bottom of the section
  • Button Link: paste a link or search the available data to attach to the button (Remove link to hide)
  • Horizontal alignment: select an option to set the alignment horizontally
  • Tick to enable Button Rounded Corners function
  • Inherit Button style: drag to set the button style (Set 0 to customize button)
  • Modify the color for Button Text, Button Border, Button Background


Slider Settings

Tick to enable these functions:

  • Enable Slider
  • Enable Autoplay
  • Enable Loop
  • Show Next & Prev arrows
  • Show Dots



III. Logo List

1. Content

To have more content on this section, click Add Content to add more Images

Image

  • Image: upload your picture to set logo item
  • Link: paste a link or search the available data to attach to the image


2. Settings

  • Section Label: give a name to the section (Eg: Logo list)

Layout

  • Tick to enable Boxed Layout mode
  • modify Background color by clicking the color box
  • Use background color for: Section/ Content
  • Background image: you can select or upload the image to set it for background if you don't like the simple color one
  • Tick to Background fixed
  • Background Size: choose an option 
  • You can select the given options in Background Image Repeat & Background Image Position settings as you wish
  • Section Padding (Order: Top Right Bottom Left)


Layout Content

  • Tick to enable Spacing items & Border Radius functions
  • Max number of items per row: fill only the number (E.g: 6)


Section Heading

  • Heading: complete the blank with text
  • Subheading, Subheading2
  • Heading alignment: select the existing option
  • Modify the color for Heading, Subheading, Subheading 2

Slider Settings

Tick to enable these functions for the slider

  • Enable Slider
  • Enable Autoplay
  • Enable Loop
  • Show Next & Prev arrows
  • Show Dots