View Categories

Recipe Categories Tab 3

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.