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
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article