Custom Post Types

Custom Post Types Shortcode:

This shortcode allows adding a section with posts to the page.
Content Settings:

Templates - Here you can see template style for your Custom Post Types shortcode - Grid.

Grid Style:

Skin - Please, select a skin for your post types.

Use custom font for title? - Turn on the switcher if you want to customize the title typography.

Use custom font for terms? - Turn on the switcher if you want to customize the term typography. It works for skins that have a term.

Image size Settings:

Image original size - Select the size of the image.

Filters:

Add filters? - Turn on the switcher if you want to add filters that will be displayed on the top.

All items text - Add the text for filters.

Enable Centered Style? - Turn on the switcher if you want the alignment of the filter in the center.

Pagination:

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

Load More:

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

Load more type - Plese, select the load more type: Button or infinity scroll.

Button name (static) - Add the text to the static button.

Button name (loading) - Add the text to the loading button.

Data Settings:

Data source - Please, select content type for your grid.

Terms - Please, select content type for your grid.

Hide posts that have not main thumbnails? - Turn on the switcher if you want to hide posts that have not main thumbnails.

Excerpt Length - Set the excerpt length or leave blank to set default 55 words.

Content Settings:

Element tag for title - Please, select the element tag for title.

Item per row - Here you can enter the number of posts by default.

Spaces - Here you can enter the spaces between the default posts.

Item per row (lg) - Here you can enter the number of default posts on devices width <1200px.

Spaces (lg) - Here you can enter spaces between posts on devices with a width of <1200px.

Item per row (md) - Here you can enter the default posts count for devices with a width of <991px.

Spaces (md) - Here you can enter spaces between posts on devices with a width of <991px.

Item per row (sm) - Here you can enter the default number of posts on devices with a width of <768px.

Spaces (sm) - Here you can enter spaces between posts on devices with a width of <768px.

Item per row (xs) - Here you can enter the default number of posts on devices with a width of <480px.

Spaces (xs) - Here you can enter posts between devices on widths <480px.

Image Height - Please, add the image height. Notice: Height relative to image width (percentage). Value between 30-100.

Title Typography:

If you turn on the switcher "Use custom font for Title?" in Content Settings you can customize font for the title.

Alignment - Here you can select the title alignment.

Text Color - Here you can select title color from the palette.
Typography items: 
  • Family - Here you can select the typography for the title.
  • Size - Here you can set up the title size.
  • Weight - Please, select the weight for the title.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the title.
  • Decoration - Please, select style for the title decoration.
  • Line-Height - Here you can enter a line height for the title.
  • Letter Spacing - Here you can enter a letter spacing for the title.
Term Typography:

  • Text Color - Here you can select term color from the palette.
  • Alignment - Here you can select the term alignment.
Typography item:
  • Family - Here you can select the typography for the term.
  • Size - Here you can set up the term size.
  • Weight - Please, select the weight for the terms.
  • Transform - This option allows to change the case of the terms. 
  • Style - Please, select text style for the terms.
  • Decoration - Please, select a style for the terms decoration.
  • Line-Height - Here you can enter a line height for the terms.
  • Letter Spacing - Here you can enter a letter spacing for the terms.