Summary

  • Overview
  • Adding Post Carousel
  • Post Carousel Options
    • Size and Margin options
    • Presets and Layout options
    • Filter Posts option
    • Arrows options
    • All Posts options

Post Carousel Overview

The Post Carousel is a special instance for the Blog element that shows the posts as a Carousel where you can present your posts as a sliding carousel.

post-carousel-overview.png

The Manage Posts option brings you to the Posts menu, where you can manage and edit the Posts created on Nicepage.

Adding Post Carousel

To add the Post Carousel you need to open Element menu >> Carousel >> Post Carousel or from the Block (Element) menu >> Blog >> Blog Posts >> Post Carousel.

post-carousel-add.png

Also, you can add it as a Blog element. Choose the Carousel layout in the Blog control options to switch it to the Post Carousel.

post-carousel-options-6.png

Post Carousel Options

After adding the Post Carousel element to the page, you can select different options in the right panel to style it.

Size and Margin Options

You can manage the size options of your Carousel, making it screen width or any other desired size. Also, you can edit margins.

post-carousel-options-1.png

Presets and Layout Options

Choose one of the defined Post Presets and edit the Layout. You can select the simple Grid Layout that will make it a basic Blog element or choose the Carousel option to make it a sliding carousel.

Here, you can set the number of Columns and specify the number of posts present in a Carousel using the Post Count option.

To stylize the Layout, edit the Gap between Items.

post-carousel-options-2.png

Filter Posts Option

Choose what posts to be shown with the Post Carousel. You can choose the latest posts from your blog (from the latest to the oldest), specific Category (type the exact category name in the input below), or Tags (type the same tags, divided by comma).

post-carousel-options-3.png

Arrow Options

The next menu allows you to activate and style Arrows in the Post Carousel.

Choose the Icon, its style and specify the default and hover state colors for the Icon. Then also edit the Arrow Shape Style activating the Background color or gradient with the desired colors.

Also, the Arrows can have a Border with straight or rounded corners. Here you can also specify the inner Spacing.

The next option allows to Flip the arrows Icon in two directions.

Also, you can hide the Arrows any Responsive View if required.

post-carousel-options-4.png

All Posts Options

These options are for choosing the Layout for all Posts in your Carousel.

You can edit the Border Color, Width, Shape, and Padding inside the Post element.

You can also set the custom CSS Class for the Post Carousel element and specify if you need to hide it in any responsive mode.

post-carousel-options-5.png

## Summary - Overview - Adding Post Carousel - Post Carousel Options - Size and Margin options - Presets and Layout options - Filter Posts option - Arrows options - All Posts options ## Post Carousel Overview The Post Carousel is a special instance for the Blog element that shows the posts as a Carousel where you can present your posts as a sliding carousel. !post-carousel-overview.png! The Manage Posts option brings you to the Posts menu, where you can manage and edit the Posts created on Nicepage. ## Adding Post Carousel To add the Post Carousel you need to open Element menu >> Carousel >> Post Carousel or from the Block (Element) menu >> Blog >> Blog Posts >> Post Carousel. !post-carousel-add.png! Also, you can add it as a Blog element. Choose the Carousel layout in the Blog control options to switch it to the Post Carousel. !post-carousel-options-6.png! ## Post Carousel Options After adding the Post Carousel element to the page, you can select different options in the right panel to style it. ### Size and Margin Options You can manage the size options of your Carousel, making it screen width or any other desired size. Also, you can edit margins. !post-carousel-options-1.png! ### Presets and Layout Options Choose one of the defined Post Presets and edit the Layout. You can select the simple Grid Layout that will make it a basic Blog element or choose the Carousel option to make it a sliding carousel. Here, you can set the number of Columns and specify the number of posts present in a Carousel using the Post Count option. To stylize the Layout, edit the Gap between Items. !post-carousel-options-2.png! ### Filter Posts Option Choose what posts to be shown with the Post Carousel. You can choose the latest posts from your blog (from the latest to the oldest), specific Category (type the exact category name in the input below), or Tags (type the same tags, divided by comma). !post-carousel-options-3.png! ### Arrow Options The next menu allows you to activate and style Arrows in the Post Carousel. Choose the Icon, its style and specify the default and hover state colors for the Icon. Then also edit the Arrow Shape Style activating the Background color or gradient with the desired colors. Also, the Arrows can have a Border with straight or rounded corners. Here you can also specify the inner Spacing. The next option allows to Flip the arrows Icon in two directions. Also, you can hide the Arrows any Responsive View if required. !post-carousel-options-4.png! ### All Posts Options These options are for choosing the Layout for all Posts in your Carousel. You can edit the Border Color, Width, Shape, and Padding inside the Post element. You can also set the custom CSS Class for the Post Carousel element and specify if you need to hide it in any responsive mode. !post-carousel-options-5.png! ##