Popular Search shortcodelanguagerecipesearchshort

Recipe Post

Table of Contents

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

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

Layout Settings #

  • Choose Layout: Select from available layouts.
  • Recipes per Row: Specify how many post should be displayed in each row.
  • Column Gap: Set the gap between each box in the columns.
  • Row Gap: Set the gap between each box in the rows.

Query Settings #

  • Number of Posts: Determine how many 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 Settings #

  • Featured Image: Enable the option to Enable/disable the featured image of the Recipe post
  • Title: Enable or disable the toggle to show the post title.
  • 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.
  • Excerpt: Enable or disable the toggle to display an excerpt of the recipe post.
  • Author: Enable or disable the toggle to display the author of the post.
  • 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.
  • Published Date: Enable or disable the toggle to display the published date of the post.
  • Category: Enable or disable the toggle to display the category of the recipe post.
  • Read More: Enable or disable the toggle to display the “Read More” button.

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: Align the widget section as desired.

Separator #

Choose a separator to divide the recipe metadata.

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 the size for the recipe key icons.
  • Space Between: Define the space between the icons.
  • Alignment: Select the alignment for 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: 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.