Post Grid/Slider/Carousel
How to Configure and Style Post Grid/Slider/Carousel #
Post Grid/Slider/Carousel gives you the opportunity to add transition effects on how the Post carousel will appear and make it absolutely breath taking for your landing page. The purpose of this element is to let you organize and place your posts in one place. With the help of it, you can nicely display the listing of your blog posts.
How to Activate Post Grid/Slider/Carousel #
To use this Sastra Addons element, find the ‘Post Grid/Slider/Carousel‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Post Grid/Slider/Carousel’ into the ‘Drag widget here‘ or the ‘+’ section.
After you are successfully done with this step, this is how the element is going to look like.
How to Configure the Content Settings #
Under the ‘Content’ tab, you will be able to configure ‘Query’, ‘Layout’, ‘Elements’, ‘Media Overlay’, ‘Image Effects’, ‘Lightbox Popup’, ‘Filter’ & ‘Pagination’.
Query #
From this section, you can choose the ‘Source’ of your query from where the contents will be retrieved and displayed. You can use the drop-down to select one of these as your source: Posts, Pages & Manual Selection. You can use the drop-down to select source dynamic and manual.
After choosing your preferred ‘Source’, you can filter your contents by ‘Author’, ‘Categories’ & ‘Tags’. You have the flexibility to choose multiple options and add as many authors, categories & tags as you wish. If you do not want certain posts to appear, you can simply ‘Exclude’ those contents as well.
Moreover, you can set the number of ‘Posts Per Page’ and ‘Not Found Message’. You toggle for enable exclude items without thumbnail as well.
Layout #
From this section, you can change your layout, image size and last element position. You can use toggle for display last element to bottom and pagination, also change vertical and horizontal gutter, use the drop-down to select one of these as your animation: None and Zoom.
Besides, you can use the drop-down to change columns number for supported all devices.
Elements #
From this section, you can use the drop-down to select element and change element location and display type. You can change horizontal align, title HTML tag, use toggle for hide or display element supported all devices. Moreover, you can change trim text by and also change word count as well.
To add more elements, simply click on the ‘+ ADD ITEM’ button from the bottom.
Media Overlay #
From this section, you can change overlay width & height supported all devices. Use toggle for enable / disable for link post to single page and animation transparency.
Besides, you can change animation, animation duration, animation delay, animation timing and amination size as well.
Image Effects #
From this section, you can change effects. If you can select animation then you can change animation duration, animation delay, animation timing and animation size as well.
Lightbox Popup #
From this section, you can change autoplay speed. You can use toggle for enable / disable autoplay slides, show progress bar, show caption, show counter, show arrows, show zoom button, show full screen button and show download button as well.
Filters #
From this section, you can change filter taxonomy, alignment and select animation. You can use toggle for enable display All filter, set linkable filters and hide empty filters. If all filter is enable then you can set all filter button text.
Pagination #
From this section, you can change pagination type, set load more text, finish text, select loading animation and alignment as well.
Click to see Live Demo #
How to Style Post Grid/Slider/Carousel #
To customize Post Grid/Slider/Carousel, click on the ‘Style’ tab, and you will find many different options here.
Grid Item #
From here, you can change grid item style, background color, border color and padding. Moreover, you can styling to border and border radius as well.
Grid Media #
From here, you can styling to border and border radius as well.
Others #
From the ‘Media Overlay’ settings, you can you can set background color and border radius. On the other hand, customize your ‘Title’, ‘Content’, ‘Excerpt’, ‘Date’, ‘Time’, ‘Author’, ‘Comments’, ‘Lightbox’, ‘Password Protected’, ‘Separator 1’, ‘Separator 2’, ‘Taxonomy 1’ and ‘Taxonomy 2’ from these settings.
Besides, you can also customize your ‘Read More’ and your ‘Pagination’ from these settings.
Final Outcome #
By following the basic steps and a bit more modifying, you can style your Post Grid/Slider/Carousel as per your preference.
This is how you can easily showcase your blog posts and carousel styled content with an attractive & interactive layout using Post Grid/Slider/Carousel.
Getting stuck? Feel to Contact Our Support for further assistance.
Subscribe & Download
Enter Your Email Address to Know About the Latest Updates & Features.