Post Widget

Post Widget is created to set blog posts and product posts on any page you need. With this widget you can costumize and set your own style for your page. We worked hard to make it easier for you. If you want to learn how to set and customize follow our steps below.

Blog Posts

To set blog posts you need to create page and edit with Elementor. After that you will scroll down and you will see part with name Crumblē Elements. First widget is Posts and you need just to drag on you right side.

At the Content you have this options below.

Layout

Layout - You can set layout grid and carousel.
Skin - You can set skin for your actually widget.
Columns - You can set columns from 1 to 6 in row.
Stretch - This options is if you want to make widget stretch.
Masonry - This options will be show only if layout is on grid and you need to turn on this to make posts in masonry.
Metro Grid - This options will be show only if layout is on grid and you need to turn on this to make posts in Metro Grid.
Image Size - You can select your size for your page.
Image Ratio - You can set your posts in Sqaure, Landscape and Portait.
Image Visibility - You can show or hide featured image by clicking Show or Hide.
Like button - You can show or hide like button on hover by clicking on Show or Hide.
Like button Counter - You can show or hide like button counter by clicking on Show or Hide.
Hover Icon - You can show or hide hover icon by clicking on Show or Hide.
Title - You can show or hide Post Title by clicking on Show or Hide.
Categories - You can show or hide categories.
Date - You can show or hide Post Date by clicking on Show or Hide.
Description - You can show or hide Post Descriptipon.
Description Length - You can set Description Length, default is 140 but you can set your own Length.
Author - You can show or hide post author by clicking show or hide.

Query

Source - In this case source need to be Posts.
Post Categories - You can write your custom categories to show for this widget.
Order by - You can order your posts by Date, ID, Author, Title, Menu Order, Random.
Order - Also you can order your posts by ASC or DESC.
Post per Page - By default it uses the option form WordPress Settings in Reading Section, but you can set your own number.
Offset - By default it uses the option form WordPress Settings in Reading Section.
Custom Query - If you turn on Custom Query you can choose and you can add your custom posts.

Filter Bar

Show Filter Bar - If you want to show filter bar you need to click show button.
Show Counter Tooltip - You can show Tooltip and you can set position to Top, Right, Left and Bottom.
Show All Button - You can show or hide button, also you can set custom text for this button.
Posts Categories To Show - You can select category to show.

Pagenation

Show Pagenation - You can show or hide pagenation.
Button Text - You can set custom text on button.
Hide after X clicks - Use this setting to hide "Show More" button after it is clicked X times.

Carousel

Carousel Tab will show only if Layout is selected to Carousel because this tab has some extra optipons.

Items - Here you can set the number of items you want to see on the screen.
Margin - Enter the margin space, number will be represented in pixels.
Width - On this part you can set widget width.
Height - Set the height of images to auto or full.
RTL (Right to Left) - If you want to activate RTL you need to click ON button.
Loop - You can activate loop posts.
Center - This options is to show your last post on center.
Mouse Drag - Turn on if you want to activate mouse drag.
Touch Drag - Turn on if you want to activate touch drag.
Navigation - If you want to show navigation arrows.
Dots - Turn on if you want to show dots in bottom.
Autoplay - Turn on if you want to set Autoplay on start.
Pause on mouse hover - You can pause in mouse hover by clickin On button.
Stage Padding - Padding left and right on stage (can see neighbours).
Start Position - Enter from which element you want to start the position of carousel.
Auto Play Timeout - Autoplay interval timeout, number is represented in seconds.
Smart Speed - Speed Calculate, number is represented in seconds.

Style Tab

At the Style you have this options below.

Items

Items Reveal Effect - You have many Effects for items reveal.
Columns and Row Gap - You can set gap in pixels.
Border Type - You can set border type but default is none.
Box Shadow - At this section you can set box shadow, and below you will se Box Shadow on hover.
Border Radius - You can set border radius for item.

Items Image

Dominant Background Color - Use image dominant color as image Background color until page is loading.
Background Type - You can set color or Gradient on background until page is loading.

Items Overlay

Visibility - You can show or hide items overlay.
Overlay Active - You can set overlay active.
Overlay Opacity - You can set customize overlay easy by setting number.
Dominant Background Color - You can activate dominant image color for overlay.
Background Type - You can set color for gradient on overlay.
Border Type - You can set border on overlay.
Overlay Spacing - You can set overlay spacing on overlay.
Padding - You can customize padding for overlay.
Content Alignment - You can set alignment Top, Middle or bottom.
Text Alignment - You can set text alignment Left, Center or Right.

Items Details

Border Type - You can set border type for items details.
Padding - You can set padding for details.
Text Alignment - You can set alignment for details Left, Center or Right.

Items Date

Text Color - You can change color for date.
Typography - You can customize text easy on your own style.
Text Shadow - You can set text shadow.
Alignment - You can customize alignment for date.

Items Title

Title Color - You can change color for title.
Typigraphy - You can customize title typography on your own style.
Title Shadow - You can set title shadow.
HTML Tag - You can change html tag for title.
Alignment - You can set alignment for title Left, Center or Right.
Spacing (Margin) - You can change spacing for title by your own style.

Items Like Button

Background Color - You can change button like background color.
Button Size - You can change size of button by your own style.
Border Radius - You can change border radius.
Icon Color - You can change icon color.
Icon Size - You can change icon size by your own style.
Spacing - You can change spacing of icon.

Filter bar

Alignment - Set filter bar alignment Left, Center or Right.
Spacing - Set spacing for filter bar.
Color - Set the color of the Filter Bar text.
Typography - Customize the typography of the Filter Bar text.
Space - Set the space for items in the Filter Bar.
Filter Spacing - Set the spacing between the Filter Bar and the images.
Show Before Text - Active Show before text by clickin On Button.

Pagination

Color - Set the color of the Pagination text.
Spacing - Set sp
Text Color - Set the color for the Pagination text.
Typography - Customize the typography of the Filter Bar text.
Border Radius - Set border radius.
Space - Set the space of Pagination.
Padding - Set padding for Pagination.
Alignment - Set pagenation alignment Left, Center or Right.

Shop Posts

Shop Posts will be show only if WooCommerce Plugin is active.

To set products posts you need to create page and edit with Elementor. After that you will scroll down and you will see part with name Crumblē Elements. First widget is Posts and you need just to drag on you right side. After that select widget and go to Query > Source and select Products.

Layout - You can set layout grid and carousel.
Skin - You can set skin for your actually widget.
Columns - You can set columns from 1 to 6 in row.
Stretch - This options is if you want to make widget stretch.
Masonry - This options will be show only if layout is on grid and you need to turn on this to make posts in masonry.
Metro Grid - This options will be show only if layout is on grid and you need to turn on this to make posts in Metro Grid.
Image Size - You can select your size for your page.
Image Ratio - You can set your posts in Sqaure, Landscape and Portait.
Image Hover Effect - Set image hover effect for gallery.
Like button - You can show or hide like button on hover by clicking on Show or Hide.
Like button Counter - You can show or hide like button counter by clicking on Show or Hide.
Hover Icon - You can show or hide hover icon by clicking on Show or Hide.
Title - You can show or hide Post Title by clicking on Show or Hide.
Categories - You can show or hide categories.
Description Length - You can set Description Length, default is 140 but you can set your own Length.

Product Layout

Second Image on Hover - Show second image on hover, you can activate this options by clikcing on Yes button.
Product Badge - Show or hide product badge.
Badge Position - Set Badge Position for items.
Buttons Visibility - Set buttons visibility.
Buttons Alignment - In this option you can set Buttons Alignment.
Buttons Position - Set Buttons Position.
Tooltip Placement - Set Tooltip Placement Top, Left, Right or Bottom.
Quick View Button - Show or hide Quick View Button.
Add to Cart Button - Show or hide Add to Cart Button.
Product Meta - On this section you will show two tabs Left Column And Right Column, when you click on any column you will se some options, Show or Hide, Element and Width.