Table of Contents
You can add the Recipe Grid 5 widget via the Elementor page editor.
Below are the settings you can configure to set up the Recipe Grid 5:
Layout Settings #
- Layout: Select from all available layouts.
- Column Gap: Set the column gap between each box.
- Row Gap: Set the gap between each box in the rows.
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.
Additional #
- Featured Image: Enable or disable the toggle to show the featured image of the recipe.
- Title: Enable or disable the toggle to show the title of the recipe.
- 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.
- 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.
- Bookmark: Enable or disable the toggle to display the bookmark of the recipe.
Content #
- 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 widget content.
- Alignment: Set the alignment for the content of the widget.
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 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 keys icons.
- Space Between: Add space between the icons.
- Padding: Add padding around 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: Set typography for Recipe Metas.
- Text Color: Select the text color for the Recipe Metas.
- Spacing: Adjust the space between the Recipe Metas.
Category #
- 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 the button.
- Border Radius: Set the border radius for the button.
- Margin: Set the margin around the category of the recipe.
- Typography: Set a typography for the category of the recipe.
Counter #
- Typography: Select a typography style for the counter title.
- Color: Pick a color for the recipe counter.
- Background Color: Choose background color for count section.
- Counter Border Radius: Configure the border radius of counter.
- Padding: Configure the padding around the counter section.