1. Choose resource: There are two types of content resources ( “post” and “portfolio”. You need to select one of them and make sure you have already created posts or portfolio articles. 
2. Select category: if you choose to display post resource, please select your post category. Otherwise, select your portfolio category.
3. Include subcategory: enable this option to display subcategories of the main category selected above. 
4. Ordering: Select the ordering of how the article will be ordered. There are 5 options available. Select your desired one from the drop-down list of ordering options.
5. Limit: You can limit the number of articles display. You can set how many articles will be displayed. Enter the desired value in the field according to your design requirement.
6. Ajax load paging: Switch to yes to enable Ajax loading. This option only works with one UI post per page.
7. Large desktop column: set the number of post columns displayed on large screen desktops.
8. Desktop column: set the number of post columns displayed on normal screen desktops.
9. Laptop column: set the number of post columns displayed on laptop devices.
10. Tablet column: set the number of post columns displayed on tablets.
11. Mobile column: set the number of post columns displayed on mobile phones. 
12. Column gap: Modify the space between post columns.
13. Color mode: There are 2 color modes (dark and light). Choose a favorite mode. 
14. Enable masonry: switch to yes to enable masonry grid. 

1. Title: Every pricing plan needs a title. Use this field to enter the title. Choose the title that goes along with the plan.
2. Meta: Write the meta for the title.
3. Description: Enter the description of the plan.
4. Price: Use this field to insert the pricing plan price. The addon will automatically arrange the showcasing of this price.
5. Price symbol: Define the symbol for price currency (ex: $ (Dollar), € (Euro), £ (pound) ...)
6. Highlight: Indicate important notes to highlight the pricing column that is written on the corner ribbon. (ex: popular, basic, featured, premium ...)
7. Highlight style: Choose a style for the ribbon from the drop-down list.
8. Items: Click on the button "Add Item" to create new items for the pricing plan.
9. Button URL: Button link is the absolute URL of the page that will be linked. Remember the link must contain http:// or https:// in the URL.
10. Buttom text: Button text is the text that will be displayed on top of the button. It’s quick text on what that button is going to do. Leave it blank if don’t want any button.

1. Select image: Select an image from your media library. This is the image of the item
2. Marker items: click on "Add Item" to add a new marker item
   Click on the item to configure relevant options
   - Left / Top: Move the circle point to adjust the marker position to the left, right, top or bottom
   - Use animation: enable to apply an animation 
   - Marker type: there are  types of marker types (image or point). Set the desired type from the drop-down list. 
   - Title: Enter a title for the marker
   - Content: Write the content that briefly describes the marker item
   - Select image: select an image from your media library to display in the popover.
   - Image size: Select an image size from the given list.
   - Position: Select a position for this item (Top, right, bottom, left)
   - Link: Insert an absolute URL that the button will be linked
   - Button title: If you want to create a button, just enter a button title
3. Mode: Display the popover on click or hover.
4. Position: Set the alignment of the popover to its marker. If the popover doesn't fit its container, it will flip automatically.
5. Width: set the width of the popover.
6. Animation: Select an animation effect that will be applied on click/hover.
7. Style: Choose a style for the marker card
8. Padding: Set the padding between the card and its content.

1. Title: This option will allow you to add a title to the text section. If you do not want to give it a title, just leave it blank. 
2. Title tag: Choose a suitable heading element for the title above.
3. Title font: Click the edit button to adjust the typography of the title font.
4. Title color: Set the color of the title.
5. Style: Choose a heading style for the title.
6. Title margin: Set the vertical margin of the title.
7. Subtitle: Add a subtitle for the heading. It will be displayed under the main heading. 
8. Content: Write your content in the content box.
9. Content font: Click the edit button to set the font typography of the content text. 

1. Select image: Select an image from your media library. This is the image of the person.
2. Image size: Choose the image size from the drop-down list.
3. Name: Enter the person's name.
4. Designation: Write the designation title of the person.
5. Email: Enter the email address of the person.
6. Content: You can give the person a brief or detailed description.
7. Social items:
   - Clicking on the “+ Add Item” will let you add a new icon and will open up the relevant settings. 
   - You can select a social icon and enter a URL to the Link field if you want it to redirect to the official social channel of the person.

1. Select image: select an image from your media library
2. Image size: Set the size of your image from the drop-down list of sizes. Or you can choose "custom" option to create a custom size.
3. Border: Set the border style of the image
4. Box Shadow: Select the size of box-shadow applied to the image. 
5. Hover box-shadow: Select the size of box-shadow when you mouse over the image
6. Blend mode settings: If yes, you can change the look of the image thanks to blending the background color with the image. Let's adjust the background color and choose a blend mode, then see the result. 
7. Transition: Select the transition style when we hover the image. 2 styles are available: Scale-up and Scale-down
8. Link type: Choose a link type
9. Image URL: Enter the full URL that the image will be linked

Items:

• Give the item a title, link and link title
• Click on "Add New" to add a new item
• Allow multiple items to open: if yes, all items are able to be open at the same time, if no, just one item is readable when you click on it.
• Allow all items to be closed: if yes, all items can be reduced at the same time. If no, just one item can be reduced at a time.

Button item:

• Give the button a title, link and link title
• Icon type: choose icon type from Fontawesome or UI Kit
• Icon position: Choose Left or Right
• Button style: Default, Primary, Secondary, Danger, Text, Link, Link Muted, Link Text, Custom
• Button Shape: Rounded, Square, Circle, Pill