Custom Post Type

Custom Post Type widget allows displaying your blog posts, projects, and other custom post type with a variety of styles This theme includes  Grid, Slider, Masonry, Mosaics, Snapster Horizontal Slider, Snapster Slider Thumbnails, Grid Gallery, Snapster Modern Slider, Azyn Modern Layouts.

Grid Layout

Choose Grid Layout and Snapster skin 2 skin.

  • Skin - Here you can choose the skin of of the item. 
  • Use the custom font for title? - Turn on the switch if you want to customize font for the title.
  • Use the custom font for terms? - Turn on the switch if you want to customize font for the terms.
Image size:
  • Image original size - Here you can choose the size of the image.

  • Add filters? - Turn on the switch if you want to add the filter on the top of the item.

You can choose between Pagination or Load More options to choose how the elements will be displayed.

  • Add pagination? - Turn on the switch if you want to add pagination of the elements.

  • Add load more? - Turn on the switch if you want to enable the load more button.
  • Load more type - Please, choose the load more type.
  • Button name(static) - Add the text for the Load more button in the static mode.
  • Button name(loading) - Add the text for the Load more button in the loading mode.

  • Data source - Here you can choose the content type.
  • Terms - Here you can choose the type of the terms.
  • Hide posts that have not main thumbnail? - Turn on the switch if you want to hide posts with no thumbnails.
  • Total items - Here you can set the max limit for items in the grid. 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 - Here you can enter categories, tags or custom taxonomies.
  • Exclude - You can add posts, pages, etc. by title to exclude them from the element.

  • Element tag for the title - Here you can select the title tag.
  • Item per row - Here you can set the number of the items in the row.
  • Spaces - Here you can enter spaces between the items.
  • Item per row(lg) - Here you can choose the number on items per row on devices width of <1200px.
  • Spaces (lg) - Here you can enter spaces between the items on devices with a width of <1200px.
  • Item per row(md) - Here you can choose the number on items per row on devices width of <991px.
  • Spaces (md) - Here you can enter spaces between the items on devices with a width of <991px.
  • Item per row(sm) - Here you can choose the number on items per row on devices width of <768px.
  • Spaces (sm) - Here you can enter spaces between the items on devices with a width of <768px.
  • Item per row(xs) - Here you can choose the number on items per row on devices width of <480px.
  • Spaces (xs) - Here you can enter spaces between the items on devices with a width of <480px.
  • Image Height - Here you can set the hight of the image.


Slider Layout

Choose Slider Layout and Snapster skin 8 skin.


Masonry Layout

Choose Masonry Layout and Snapster skin 5 skin.

  • Skin - Here you can choose the skin of of the item. This theme includes 7 BeeLicious skins.
  • Use the custom font for title? - Turn on the switch if you want to customize font for the title.
  • Use the custom font for terms? - Turn on the switch if you want to customize font for the terms.
  • Use the custom font for excerpt? - Turn on the switch if you want to customize font for the excerpt.

  • Image original size - Here you can choose the size of the image.

The Filters, Fiter Typography, Pagination, Load more, Data Settings, Content Settings options are the same as for the Grid Layout (see above).


Mosaics Layout

Choose Mosaics Layout and Snapster skin 3 skin.

  • Mosaics Columns - Here you can set the number of the columns.
  • 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.
  • Use the custom font for excerpt? - Turn on the switch if you want to customize excerpt typography.


Snapster Horizontal Slider Layout

Choose Snapster Horizontal Slider Layout and Snapster skin 4 skin.

  • 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.
  • Enable grayscale for images? - Turn on the switch if you want to enable the grayscale effect.
  • Title for slider - Here you can fill in the title for slides.
  • Enable light overlay? - Turn on the switch if you want to enable light overlay.


Snapster Slider Thumbnails Layout

Choose Snapster Slider Thumbnails Layout.

  • Button style - Here you can choose the style of the button.
  • 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.
  • Overlay color - Here you can choose the color for the overlay.
  • Icon color - Here you can choose the color for the icon.
  • Text for View More Button - Fill in the text for the View More Button.
  • Use custom font for View More Button? - Turn on the switch if you want to change the button typography.


Grid Gallery Layout

Choose Grid Layout.

  • Images - Here you can select the images.
  • Images per row - Here you can choose the number on images per row. 
  • Spaces - Here you can enter spaces between the items.
  • Item per row (lg) - Here you can choose the number on images per row. 
  • Spaces (lg) - Here you can enter spaces between the items on devices with a width of <1200px.
  • Item per row(md) - Here you can choose the number on items per row on devices width of <991px.
  • Spaces (md) - Here you can enter spaces between the items on devices with a width of <991px.
  • Item per row(sm) - Here you can choose the number on items per row on devices width of <768px.
  • Spaces (sm) - Here you can enter spaces between the items on devices with a width of <768px.
  • Item per row(xs) - Here you can choose the number on items per row on devices width of <480px.
  • Spaces (xs) - Here you can enter spaces between the items on devices with a width of <480px.
  • Image Height - Here you can set the hight of the image.
  • Popup for images - Here you can choose the type of the popup.


Snapster Modern Slider Layout

Choose Snapster Modern Slider Layout and Snapster skin 2 skin.

  • Skin - Here you can choose the skin for the item.
  • 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.
  • Image for Main item - Here you can choose the image for the main item.
  • Additional image for main item - Here you can choose additional image for main title.
  • Subtitle for main title - Here you can fill in the subtitle.
  • Title for main item - Here you can fill in the title.
  • Link for main item - Here you can fill in the link for the item.


Azyn Modern Layout

  • Skin - Please, select a skin for your post types.
  • Button Style - Please select the button style.
  • 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 allows to resize the 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
  • Display post only with thumbnails? - Turn on the switch if you want to display the post only with 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.

Content Settings:

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

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

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 (Elementor Pro only): Set your section as Sticky, and choose between Top or Bottom.
  2. Scrolling Effects (Elementor  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