---
title: Recipe Grid Module 1
description: "You can add the **Recipe Grid Module 1 **widget via the Elementor page editor. ![](https://wpdelicious.com/wp-content/uploads/2024/06/recipe-grid-module-1-1024x306.png) Below are the settings you can configure to set up the **Recipe Grid Module 1:** #### Layout - **Layout**: Select from three available layouts for the categories tab.…"
url: "https://wpdelicious.com/docs/recipe-grid-module-1/"
updated: "2024-06-21"
category: Delisho (Free)
---

# Recipe Grid Module 1

You can add the **Recipe Grid Module 1 **widget via the Elementor page editor.

![](https://wpdelicious.com/wp-content/uploads/2024/06/recipe-grid-module-1-1024x306.png)

Below are the settings you can configure to set up the **Recipe Grid Module 1:**

#### Layout

- **Layout**: Select from three available layouts for the categories tab.
- **Columns Gap**: Set the gap between each box in columns.
- **Row Gap**: Set the gap between each box in the rows.

![](https://wpdelicious.com/wp-content/uploads/2024/06/Layout-12.png)

#### Query

- **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.

![](https://wpdelicious.com/wp-content/uploads/2024/06/query-12.png)

#### 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 post.
- **Comments**: Enable or disable the toggle to display comments on the recipe post.
- **Category**: Enable or disable the toggle to display the category of the recipe post.
- **Badge**: Enable or disable the toggle to display the badge of the recipe post.
- **Bookmark**: Enable or disable the toggle to display the Bookmark of the recipe post.

![](https://wpdelicious.com/wp-content/uploads/2024/06/Additional-12.png)

#### Content

- **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 widget content.

![](https://wpdelicious.com/wp-content/uploads/2024/06/content-12.png)

#### Hero Post

- **Color**: Set the color of the post titles displayed in this widget.
- **Hover Color**: Set the color for the post titles when hovered over.
- **Title** **Typography**: Choose and configure the typography for the post titles.
- **Image Size:** Select the aspect ratio for the hero image of the recipe post list 3 widget.
- **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 hero image of the post.

![](https://wpdelicious.com/wp-content/uploads/2024/06/hero-post-1.png)

#### 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.

![](https://wpdelicious.com/wp-content/uploads/2024/06/image-7-1.png)

#### 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.
- **Typography**: Choose and configure the typography for the post titles.
- **Margin:**Set a margin around the title of the post.

![](https://wpdelicious.com/wp-content/uploads/2024/06/title-8.png)

#### Recipe Keys

- **Icon Size:** Set a size for the recipe keys icons.
- **Space**Between: Add space between the icons.

![](https://wpdelicious.com/wp-content/uploads/2024/06/recipe-keys-8.png)

#### 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.

![](https://wpdelicious.com/wp-content/uploads/2024/06/recipe-metas-8.png)

#### Category

- **Space Between:** Set space between category 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 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:** Choose a typography for the category of the recipe.

![](https://wpdelicious.com/wp-content/uploads/2024/06/category-7.png)