Contents

This theme includes Faq, Content 8, Animated Link Content, Interactive Links, Split slider (modern) Layouts.

Faq Layout:

Faqs - Here you can add items to the FAQ.

• • Title - Here you can add a text for the title of the Item.
  • Description - Here you can add a text for the description of the Item.
• Add Item - Here you can add new item to the FAQ.
• First element is opened? - Turn on the switch if you want the first element to be showed as opened.
• Multi active items? - Turn on the switch if you want to enable several items to be active.

Content 8 Layout:

Content Settings:

• Faqs - Here you can add items to the FAQ.
  • Title - Here you can add a text for the title of the Item.
  • Description - Here you can add a text for the description of the Item.
• Add Item - Here you can add new item to the FAQ.
• First element is opened? - Turn on the switch if you want the first element to be showed as opened.
• Multi active items? - Turn on the switch if you want to enable several elements to be active.
• Use custom font for highlight? - Turn on the switch if you want to use the custom font for the highlight.
• Title - Here you can fill in the title for the element.
• Element tag for title - Here you can choose the tag for the title.
• Use custom font for main title? - Turn on the switch if you want to use custom font for the main title.
• Color for active title - Here you can choose the color for the active title.
• Color for title divider - Here you can choose the color for the title divider.

Animated Link Content Layout:

Content Settings:

Text - Please enter the text you want to display

URL - add URL if you want to link your text

Use Custom font for Title? - Turn on the switch if you want to customize title typography.

Interactive Links Layout:

Content Settings:

• Links:
  • Add item - Click to add a new item.
  • Title - Here you can fill in the title.
  • URL - Here you can fill in the URL for the item.
  • Image - Here you can choose the image.
• Active color for text - Here you can change the text color.
• Use custom font for text? - Turn on the switch if you want to customize text typography.
• Use custom font for numbers? - Turn on the switch if you want to customize numbers typography.

Split slider (modern) Layout:

Content Settings:

• Use Custom font for subtitle? - Turn on the switch if you want to customize subtitle typography.
• Use Custom font for title? - Turn on the switch if you want to customize title typography.
• Slides:
  • Slider style - Here you can choose the style for the slider.
  • Subtitle - Here you can fill in the subtitle.
  • Subtitle color - Here you can choose the color for the subtitle.
  • Title - Here you can fill in the title.
  • Title color - Here you can choose the color for the title.
  • Title Highlight color - Here you can choose the color for the title highlight.
  • Description - Here you can fill in the description.
  • Description color - Here you can choose the color for the description.
  • Images - Here you can add the images for the item.
  • Gallery bullets color - Here you can choose the color for the gallery bullets.
  • Gallery active bullets color - Here you can choose the color for the gallery active bullets.
  • Number - Here you can fill in the number.
  • Symbol after number - Here you can fill in the symbol after number.
  • Heading for number - Here you can fill in the heading for the number.
  • Numbers color - Here you can choose the color for the numbers.
  • Symbols color - Here you can choose the color for the symbols.
  • Background image - Here you can choose the background image.
  • Background image size - Here you can choose the size of the background color.
  • Background image position - Here you can choose the background image position.

How to customize typography you can check in Typography Settings Category:

• Title Typography

Advanced Settings:

1. Margin: Set the section Margin
2. Padding: Set the section Padding
3. Z-index: Set the Z-Index. 
4. CSS ID: Set a CSS ID for your section
5. CSS Classes: Set CSS Classes for your section

Motion Effects

1. Sticky (Pro only): Set your section as Sticky, and choose between Top or Bottom. 
2. Scrolling Effects (Pro only): Set Scrolling Effects to On to choose from a variety of animations and interactions that can occur when the user scrolls through the page. 
3. Entrance Animation: Click the dropdown to choose an animation.

Background

The following options can be set independently for both the normal and hover states.

1. Background Type: Choose between Classic or Gradient

Border

The following options can be set independently for both the normal and hover states.

1. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
2. Border Radius: Set the border radius to control corner roundness
3. Box Shadow: Adjust box shadow options

Positioning

1. Width: Select the width of the element, choosing from Full Width (100%), Inline (auto), or Custom. 
2. Custom Width: Only available if Custom is chosen. Use the slider to adjust the width of the element within the column.
3. Vertical Align: Only available if Full Width (100%) or Inline (auto) is chosen. Select to display the element at the Start, Center, or End.
4. Position: Select the position of the element, choosing either Default, Absolute, Fixed, or Custom. Absolute positions an element absolutely to its first positioned parent. Fixed positions an element relative to the user’s viewport. 

If either Absolute or Fixed are selected, the following options also become available.

1. Horizontal Orientation: Sets the horizontal reference point for the absolute positioning, with choices of either Start or End.
2. Offset: Changes the horizontal reference point by the amount of the offset
3. Vertical Orientation: Sets the vertical reference point for the absolute positioning, with choices of either Start or End.
4. Offset: Changes the vertical reference point by the amount of the offset

Responsive

1. Reverse Columns: Slide to reverse your columns order (Great for Mobile)
2. Visibility: Show or Hide your section on Desktop, Tablet, or Mobile