Recipe Categories Tab 3 is a Premium widget. You can add the Recipe Categories Tab 3 widget via the Elementor page editor.
Recipe Categories Tab 3 Configuration #
Below are the settings you can configure to set up the Recipe Categories Tab 3:
Layout Settings #
- Choose Layout: Select from number available layouts for the categories tab.
- No. of Columns: Select the no. of columns.
- Grid Gap: Set the gap between each grid.
Query Settings #
- Number of Recipes: Determine how many posts to display in this widget.
- Offset: Set the offset for the widget, defining which posts to start displaying from.
- Taxonomy: Choose the taxonomy for the recipes to be displayed.
- Terms: Select specific recipe terms to filter the displayed posts.
- 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: Enable or disable the slides autoplay.
- Autoplay Speed: Set the autoplay speed.
- Loop: Enable or disable the slides loop.
- Transition Speed: Set slide transition speed.
Additional Settings #
- Heading Title: Enable or disable the toggle to show the header title.
- Header Title: Add a heading for the section.
- Heading Tag: Choose the appropriate header tag for the section heading.
- Title: Enable or disable the toggle to show the post title.
- Title Tag: Select the header tag for the post titles.
- Total Time: Enable or disable the toggle to show the preparation time for the cuisine.
- Category: Enable or disable the toggle to show the category.
- Total Time: Enable or disable the toggle to show the total time of the recipe.
- Difficulty: Enable or disable the toggle to show the difficulty level of the recipe.
- Recipe keys: Enable or disable the toggle to show the recipe keys.
- Author: Enable or disable the toggle to show the recipe author.
- Rating: Enable or disable the toggle to show the recipe rating.
- Comment: Enable or disable the toggle to show the comment.
- Published Date: Enable or disable the toggle to show the recipe publish date.
- Bookmark: Enable or disable the toggle to show the bookmark icon.
Additional Settings #
- Heading Title: Enable or disable the toggle to show the header title.
- Header Title: Add a heading for the section.
- Heading Tag: Choose the appropriate header tag for the section heading.
- Title: Enable or disable the toggle to show the post title.
- Title Tag: Select the header tag for the post titles.
- Category: Enable or disable the toggle to show the category.
- Total Time: Enable or disable the toggle to show the total time of the recipe.
- Difficulty: Enable or disable the toggle to show the difficulty level of the recipe.
- Recipe keys: Enable or disable the toggle to show the recipe keys.
- Rating: Enable or disable the toggle to show the recipe rating.
- Comment: Enable or disable the toggle to show the comment.
- Bookmark: Enable or disable the toggle to show the bookmark icon.
Tabs #
- Tabs Layout: Select the tab layout.
- Margin: Adjust the margin for the section.
- Border Type: Choose the border type of the widget section.
Heading Title
- Color: Select the color for the header title.
- Background Color: Choose the background color of the header title.
- Padding: Adjust the padding around the header title.
- Typography: Configure the typography settings for the header title.
Tab Items: Here you can select Normal or Active/Hover
- Color: Select the color of items in the category.
- Item Spacing: Determine the spacing between items.
- Typography: Configure the typography settings for the items.
Tab Dropdown
- Color: Select the color for tab dropdown
- Hover Color: Select the hover color for tab dropdown
Slider Arrows #
In the “Slider Arrow” section, you can customize the slider arrow button with the following settings:
- Prev Arrow: Select the arrow icon for Prev Arrow.
- Next Arrow: Select the arrow icon for Next Arrow
- Padding: Adjust the padding for the slider arrow button.
- Icon Size: Adjust the icon size for the slider arrow button.
- Normal/Hover Color: Select the color for the slider arrow button in its normal state and on hover.
- Background Color: Choose the background color of the slider arrow button.
- Border Type: Set the border type for the slider arrow button.
- Border Radius: Adjust the border radius for the slider arrow button.
Content #
In the “Content” tab, you can modify various aspects of the widget section. The available settings include:
- Background: Change the background color of the content
- Padding: Adjust the padding around the content.
- Margin: Adjust the margin of the content.
- Border Type: Change the border type of the content.
- Border Radius: Set the border radius to control the roundness of the corners.
- Box Shadows: Change the box shadows of the content.
- Alignment: Align the widget section as desired.
Hero Post #
- Color: Set the color of the Hero Post title displayed in this widget.
- Hover Color: Set the color for the Hero Post titles when hovered over.
- Title Typography: Choose and configure the typography for the Hero Post titles.
- Image Size: Select the aspect ratio for the featured image of the Hero Post
- Width: Specify the width of the image
- Height: Specify the height of the image
- Image Scale: Choose the image scaling option to display the featured image of Hero Post
- Border Radius: Define the border radius for the images
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: Adjust the margin of the titles.
- Typography: Choose and configure the typography for the post titles.
Separator #
- Separator: Select a separator to divide the recipe metadata.
- Separator Color: Choose a color for the separator.
Images #
- 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.
Recipe Keys #
- Icon Size: Set a size for the recipe key icons.
- Space Between: Add space between the icons.
- Padding: Add padding around the recipe keys.
Recipe Metas #
In the “Recipe Metas” section, you can configure the settings related to recipe metadata:
- Icon Size: Select the size of the category icons.
- Icon Color: Choose the color for the icons in Recipe Metas.
- Icon 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.
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.