Custom Post Types

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

Layouts:

Here you can choose template style for your Custom Post Types shortcode (Slider, Grid, Ninedok Slider or Masonry)

Slider Layout:

Content Settings:

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

Outsourceo skin 1 settings:

Disable post image? - Turn on the switcher if you want to disable the post image.
Use dot at the end of the title? - Turn on the switcher if you want to use dot at the end of the title
Use custom font for author? - Turn on the switcher if you want to customize the author typography.

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

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

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

Images size:

Image original size - Select the image size here.

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 - Here you can select the tag for the title.

Image Height - Please, add the image height here. Height relative to image width (percentage). Value between 30-100. Only for masonry layout and grid layout.

Swiper Settings:

Change swiper settings? - Turn on the switcher if you want to change the slider settings.

Arrows - Turn on the switcher if you want the arrows to be displayed.

Arrows color - Select the color for arrows from the color palette.
Arrows font size - Enter arrows font size with units.

Pagination - Turn on the switcher to display the pagination.
Loop - Turn on the switcher to display the loop effect.
Overflow visible - Turn on the switcher if you want to make overflow visible.
Simulate Touch - Turn on the switcher if you want to display a simulation touch.
Centered Slides - Turn on the switcher if you want to make centered slides.
AutoPlay - Here you can enter the auto play rate (in ms). 0 - automatic shutdown.
Speed - Here you can enter the speed (in ms).
Number of slides - here you can enter the number of slides by default.
Number of slides (lg) - Here you can enter the number of default slides on devices width <1200px.
Slide count (md) - Here you can enter the default slider count for devices with a width of <991px.
Number of slides (cm) - Here you can enter the default number of slides on devices with a width of <768px.
Number of slides (xs) - y
Slide spaces - Here you can enter the spaces between the default slides.
Spaces (lg) - Here you can enter spaces between slides on devices with a width of <1200px.
Spaces (md) - Here you can enter spaces between slides on devices with a width of <991px.
Spaces (cm) - Here you can enter spaces between slides on devices with a width of <768px.
Spaces (xs) - Here you can enter slides between devices on widths <480px.

Button Settings:

Add button? - Turn on the switcher to add the button for the current slide. If you turn on the switcher, there are the next items. Here you can choose the layout (Classic or With Underline) and adjust all the necessary properties for your button depending on the layout.

Button items:

Layout - Please, select the button layout.
Name - Please, enter the button text.
Link - Please, add a URL to the button.
Style - Here you can select the button style (dark or light).
Size - Here you can select button size (small or large).
Type - Here you can select the button type (reverse or transparent).
Box shadow - This option allows you to add the box-shadow to the button. It only works if the box-shadow is specified in the skin generator.
Enable Full width - Turn on the switcher if you want to enable full width to the current button.

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

Grid Layout:

Content Settings:

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

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

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

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

Image Size Settings:

Image original size - Select the image size here.

Filters:

Add filters? - Turn on the switcher to add filters on the top.

All item text - Please, add the text for filtering all items.

Enable Centered Style? - Turn on the switcher if you want to make the centered style of the post types.

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

Custom color for filter active - Choose the color for active filter from the color palette.

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.

Load more type - Please, select the load more type - button or infinity scroll.

Button name(static) - Here you can enter the text for static button name.

Button name(loading) - Here you can enter the text for loading button name.

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 - Here you can select the title tag.

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 the posts on devices with a width of <1200px.

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

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

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

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

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

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

Image Height - Here you can enter height relative to image width (percentage). Value between 30-100. You can use this option only for masonry layout and grid layout.

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

Ninedok Slider Layout:

Content Settings:

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

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

Small button image - Here you can add the image for the small button.

Image Size Settings:

Image original size - Select the image size here.

Masonry Layout:

Content Settings: