Table of Contents
Recipe Categories Tab is a free widget. You can add the Recipe Categories Tab widget via the Elementor page editor.
Recipe Categories Tab Configuration #
Below are the settings you can configure to set up the Recipe Categories Tab:
Layout Settings #
- Choose Layout: Select from three available layouts for the categories tab.
- Grid Gap: Set the gap between each grids.
Query Settings #
- Number of Recipe: 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.
Additional Settings #
- 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.
- Difficulty: Enable or disable the toggle to show the difficulty level of the recipe.
Content #
In the “Content” tab, you can modify various aspects of the widget section. The available settings include:
- Overlay Color: Change the color overlaying the content.
- Padding: Adjust the padding around the content.
- Border Radius: Set the border radius to control the roundness of the corners.
- Alignment: Align the widget section as desired.
Tabs #
- Margin: Adjust the margin for the section.
- Border Type: Choose the border type of the widget section.
Header Titles
- Normal/Hover Color: Select the color for the header title in its normal state and on hover.
- 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
- Color: Select the color of items in the category.
- Background Color: Choose the background color for the items.
- Padding: Adjust the padding around the items.
- Border Radius: Set the border radius for the items.
- Item Spacing: Determine the spacing between items.
- Typography: Configure the typography settings for the items.
Slider Arrow #
In the “Slider Arrow” section, you can customize the slider arrow button with the following settings:
- 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.
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.
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.
