Custom Post Types Shortcode

1. Kunst Single Layout

  • Button style - Here you can change button style.
  • Use the custom font for the title? - Turn on the switch if you want to customize the title typography.

Data Settings:

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.

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 is 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

2. Kunst Grid Layout

  • Skin - Please, select a skin for your post types.
  • Use the custom font for the title? - Turn on the switch if you want to customize the title typography.
  • Use the custom font for terms? - Turn on the switch if you want to customize terms typography

Data Settings:

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.

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 is 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

3. Kunst Single Layout

  • Button Style - Please, select button style.
  • Use the custom font for the title? - Turn on the switch if you want to customize the title typography.
  • Columns Row - Please, select a number of columns.
  • Use Custom Font for Books Author? - Turn on the switch if you want to customize Books Author typography

Image size:

Data Settings:

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.

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 is 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

4. Grid Layout

  • Skin - Please, select a skin for your post types.
  • Use the custom font for the title? - Turn on the switch if you want to customize the title typography.
  • Use the custom font for terms? - Turn on the switch if you want to customize terms typography

Images Size:

Image size - This option allos to resize image. You can choose needed size from the list or enter custom image width and height. 

Data Settings:

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.

Pagination:

Add pagination - Turn on the switcher if you want to add pagination to the section with the post types. Notice: Do not use pagination and load more options together.

Load More:

Add load more? - Turn on the switcher if you want to add a "load more" option. Notice: Do not use pagination and load more options together.

Content Settings:

  • Element tag for title - Here you can select the title tag
  • Image Height - Here you can enter height relative to image width (percentage). Value between 30-100.

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 is 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

5. Kunst Project Layout

  • Heading source - Please, select the content type to display.
  • Element tag for title - Please, select the element tag for title.
  • Use the custom font for the title? - Turn on the switch if you want to customize the title typography.
  • Heading Style - Here you can choose heading style.
  • Subtitle - Here you can enter the subtitle.
  • Heading - Here you can enter heading.
  • Element tag for subtitle - Please, select the element tag for subtitle.
  • Align  - Here you can select the alignment.
  • Align for tablet  - Here you can select the tablet alignment.
  • Align for mobile  - Here you can select the mobile alignment.
  • Use the custom font for the subtitle? - Turn on the switch if you want to customize the subtitle 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 is 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

6. Kunst List Layout

  • Button Style - Here you can choose button style.
  • Use the custom font for the Excerpt? - Turn on the switch if you want to customize the excerpt typography.
  • Use the custom font for the Heading? - Turn on the switch if you want to customize the heading typography.
  • Use the custom font for the Date? - Turn on the switch if you want to customize the date 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 is 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

7. Kunst Masonry Layout

  • Skin - Please, select a skin for your post types.
  • Use the custom font for the title? - Turn on the switch if you want to customize the title typography.
  • Use the custom font for terms? - Turn on the switch if you want to customize terms typography. 

Images Size:

Image size - This option allos to resize image. You can choose needed size from the list or enter custom image width and height. 

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 is 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

8. Kunst Timeline List Layout

  • Button Style - Please, select the button style.
  • Use custom font for Filter? - Turn on the switch if you want to customize Filter typography
  • Use custom font for Years? - Turn on the switch if you want to customize Years typography
  • Use custom font for Title? - Turn on the switch if you want to customize Title typography
  • Use custom font for Location? - Turn on the switch if you want to customize Location typography
  • Use custom font for Category? - Turn on the switch if you want to customize Category typography

Data Settings:

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.

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 is 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

9. Kunst Timeline Slider Layout

  • Button Style - Here you can choose button style.
  • Enabled Sort? - Here you can turn on Enabled Sort.
  • Enabled Social Link? - Here you can turn on Enabled Social Link.
  • Enabled Option Slider? -Here you can turn on Enabled Option Slider.
  • Use custom font for Filter? - Turn on the switch if you want to customize arrows typography.
  • Use custom font for Dropdown Filter? - Turn on the switch if you want to customize arrows typography.

10. Kunst Media Grid Layout

  • Add image - Here you can add images.
  • Column Row- Here you can choose a column row.
  • Kunst Desktop Spaces - Here you can add space for desktop. 
  • Kunst Tablet Spaces - Here you can add space for tablet. 
  • Kunst Mobile Spaces - Here you can add space for mobile. 

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 is 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

11. Kunst Slider Modern Layout

  • Skin - Please, select a skin for your post types.
  • Use the custom font for terms? - Turn on the switch if you want to customize terms typography. 
  • Use the custom font for the description? - Turn on the switch if you want to customize the description typography.
  • Shape background type - Please, select a background type.
  • Shape background - Please, select a background color.
  • Small bottom image - Here you can add a buttom image.
  • Text for view more link - Here you can add a text for view more link.

Data Settings:

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.

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 is 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

12. Kunst Timeline Layout

  • Skin - Please, select the skin.
  • Use the custom font for heading? - Turn on the switch if you want to customize the heading typography. 
  • Use the custom font for date year? - Turn on the switch if you want to customize the date year typography. 

Data Settings:

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.

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 is 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

13. Kunst Mosaics Layout

  • Use custom font for title? - Turn on the switch if you want to customize title typography
  • Use custom font for terms? - Turn on the switch if you want to customize terms typography
  • Use custom font for date author text? - Turn on the switch if you want to customize date author text typography

Data Settings:

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.

14. Kunst 3D Layout

  • Button style - Here you can select the button style.
  • Use custom font for title? - Turn on the switch if you want to customize title typography.
  • Use custom font for Excerpt? - Turn on the switch if you want to customize excerpt typography.

Data Settings:

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.

15. Kunst Slider

  • Skin - Please, select the skin.
  • Use the custom font for title? - Turn on the switch if you want to customize the title typography. 
  • Use reverse custom post types? - Turn on the switch if you want to use reverse custom post types. 
  • Use the custom font for pagination? - Turn on the switch if you want to customize the pagination typography. 
  • Use the custom font for description? - Turn on the switch if you want to customize the description typography. 
  • Use the custom font for link? - Turn on the switch if you want to customize the link typography. 

Data Settings:

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.

16. Custom Post Type 2

  • Skin - Please, select the skin.
  • Use the custom font for heading? - Turn on the switch if you want to customize the heading typography. 
  • Use the custom font for terms? - Turn on the switch if you want to customize the terms typography.

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.

17. Kunst Books

  • Button Style - Please, select the button style.
  • Use custom font for title? - Turn on the switch if you want to customize title typography.
  • Column row - Here you can select the column row.
  • Use custom font for books author? - Turn on the switch if you want to customize books author.

Images Size:

Image size - This option allos to resize image. You can choose needed size from the list or enter custom image width and height. 

Data Settings:

  • Data source - Please, select the content type to display 
  • Terms - Please, select the terms to display
  • Hide posts that have not main thumbnails? - Turn on the switch if you want to hide posts that have not main thumbnails.
  • Total items - Set max limit for items in a grid or enter -1 to display all (limited to 1000).
  • Offset - Here you can enter the number of grid elements to displace or pass over.
  • Order by - Select order type. If "Meta value" or "Meta value Number" is chosen then meta key is required.
  • Sort order - Here you can select the sorting order.
  • Excerpt Length - Set the excerpt length or leave blank to set default 55 words
  • Narrow data source - Please, enter categories, tags or custom taxonomies.
  • Exclude - Exclude posts, pages, etc. by title.