View Categories

Recipe Posts Carousel 5

You can add the Recipe Post Carousel 5 widget via the Elementor page editor.

Below are the settings you can configure to set up the Recipe Posts Carousel 5:

Layout Settings #

  • Layout: Select from all available layouts.

Query #

  • Number of Post: Determine how many recipe posts to display in this widget.
  • Offset: Set the offset for the widget, defining which posts to start displaying from.
  • Filter by: Choose the recipes that you want to display (e.g., latest recipes, categories of recipes )
  • Order by: Choose the criteria for displaying posts (e.g., published date, title, views).
  • Order: Decide the order in which posts should be displayed.
  • Exclude Recipe: Select recipes that you want to exclude from being displayed in this widget section.

Slider #

  • Autoplay: Toggle this option to enable autoplay for the slider.
  • Autoplay Speed: Define the speed at which the slider auto-scrolls.
  • Loop: Toggle this option to make the slider loop continuously.
  • Transition Speed: Set the duration of the slider’s transition effects.
  • Navigation: Enable this option to display navigation arrows on the slider.
  • Slider Pagination: Toggle this option to show pagination dots for the slider.

Additional #

  • Heading Tag: Select the header tag for the post titles.
  • Total Time: Enable or disable the toggle to show the preparation time for the cuisine.
  • Difficulty: Enable or disable the toggle to show the difficulty level of the recipe.
  • Recipe Keys: Enable or disable the toggle to display recipe keys of posts.
  • Rating: Enable or disable the toggle to display the rating of the recipe.
  • Comments: Enable or disable the toggle to display comments on the post.
  • Category: Enable or disable the toggle to display the category of the recipe post.
  • Bookmark: Enable or disable the toggle to display the bookmark of the recipe.

Content #

  • Background: Choose the background color of the content section of Recipe.
  • Padding: Adjust the padding around the content within the content section.
  • Border Type: Select the border type for the widget section.
  • Border Radius: Set the border-radius of the Recipe section.
  • Margin: Set the margin for the widget section.
  • Alignment: Set the alignment for the content of the widget.
  • Box Shadow: Configure the box shadow of the Recipes.

Separator #

  • Separator: Select a separator to divide the recipe metadata.
  • Separator Color: Choose a color for the separator.

Image #

  • Image Size: Select the aspect ratio for the featured image of the recipe post.
  • Width: Specify the width of the image.
  • Height: Specify the height of the image.
  • Border Type: Choose border type for the image of recipes.
  • Border Radius: Define the border radius for the images.
  • Image Scale: Choose the image scaling option to display the featured image of the post.

Title #

  • Color: Set the color of the post titles displayed in this widget.
  • Hover Color: Set the color for the post titles when hovered over.
  • Padding: Adjust the padding around the post title.
  • Margin: Set a margin around the title of the post.
  • Typography: Choose and configure the typography for the post titles.

Recipe Keys #

  • Icon Size: Set a size for the recipe key icons.
  • Space Between: Add space between the icons.
  • Alignment: Choose the alignment of the recipe key icons.

Recipe Metas #

  • Icon Size: Select the size of the category icons.
  • Icon Color: Choose the color for the icons in Recipe Metas.
  • Typography: Set typography for Recipe Metas.
  • Text Color: Select the text color for the Recipe Metas.
  • Spacing: Adjust the space between the Recipe Metas.

Recipe Category #

  • Typography: Set a typography for the category of the recipe.
  • Space Between: Set space between categories of the recipes.
  • Item Padding: Set padding around the category of recipes.
  • Color: Select a normal and hover color for the category text.
  • Background: Select a normal and hover the background color of the category text.
  • Border Type: Choose the border type for both normal and hover mode.
  • Border Radius: Set the border radius for the Recipe category button.
  • Margin: Set the margin around the category of the recipe.

Slider Navigation #

  • Prev Arrow: Upload a custom previous arrow or select one from the Elementor library.
  • Next Arrow: Upload a custom next arrow or select one from the Elementor library.
  • Padding: Adjust the padding around the arrows.
  • Icon Size: Customize the size of the slider arrow icons.
  • Offset: Set the offset for the slider arrows.
  • Color: Set the arrow colors for both normal and hover states.
  • Background Color: Define the background color of the arrows for normal and hover states.
  • Border Type: Choose a border style for the arrow buttons in both normal and hover states.
  • Border Radius: Adjust the border radius of the arrow buttons for normal and hover states.

Slider Pagination #

  • Color: Select the color for the slider navigation.
  • Active Color: Choose the color for active slides.
  • Space: Adjust the spacing between the slider navigation elements.