View Categories

Recipe Post Carousel

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

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

Layout #

  • Layout: Select from available layouts.

Query #

  • Number of Recipes: 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.

Additional #

  • Featured Image: Enable or disable the toggle to display the featured image of the recipe post.
  • Title: Enable or disable the toggle to display the title of the recipe post.
  • 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.

Content  #

In the “Content” tab, you can modify various aspects of the widget section. The available settings include:

  • Background Color: Choose the background color for the widget section.
  • Padding: Adjust the padding around the content within the widget section.
  • Margin: Set the margin for the widget section.
  • Border Type: Select the border type for the widget section.
  • Box Shadow: Configure the box shadow for the post boxes within the widget section.
  • Border Radius: Set the border radius to control the roundness of the corners.
  • Alignment: Choose an alignment for the content of the widget.

Featured 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 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.
  • 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 keys icons.
  • Space Between: Add space between the icons.
  • Alignment: Choose an alignment for the recipe keys.

Recipe Metas #

  • Icon Size: Select the size of the category icons.
  • Icon Color: Choose the color for the icons in Recipe Metas.
  • Typography: Configure the typography settings for the icons.
  • Text Color: Select the text color for the Recipe Metas.
  • Spacing: Adjust the space between the Recipe Metas.
  • Alignment: Choose an alignment for displaying Recipe metas.

Slider #

  • Navigation: Enable/Disable the toggle to display the navigation of the slider.
  • Navigation Size: Set a size for a navigation arrow.
  • Color: Select a normal and hover color for the slider arrow.
  • Background: Select a normal and hover the background color of the slider arrow.
  • Border Type: Choose the border type for the button.
  • Border Radius: Set the border radius for the button.