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
2. Settings
- Tick to have Boxed layout for the whole section
- modify the background-color
Breadcrumb
- 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
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