About Us

Modified on Fri, 07 May 2021 at 06:08 PM

TABLE OF CONTENTS

I. About Page
II. Customer
- 1. Content
  - Testimonial
- 2. Settings
III. Logo List
- 1. Content
  - Image
- 2. Settings

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)

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

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)