Recipe Card

Content Settings

These content settings divided into two distinct sections.

Recipe Card Items

1. Recipe Card Style: Select a card style to select your favorite recipe card design. Plus, styles 1 to 5 are ready for selection.
2. Name: Write the name of a recipe. That might be your favorite recipe name.
3. Type: Write the name of a recipe type. 
4. Recipe Image: Choose a recipe image to showcase your recipe.
5. Background Overlay: Choose a recipe image background overlay to showcase your recipe.
6. Whatsapp Share: Show or hide the WhatsApp Share icon with the recipe card.
7. Display Recipe Description: Show or hide the recipe description with the recipe card.
8. Description: You can write something about that recipe.

Details

1. Label: Write a label for a recipe card.
2. Value: Write a value in the label for a recipe card.
3. Minutes: How much time will it take to ready?
   
4. Servings: Write details for recipe serving.
   
5. Ingredients: Write Ingredients details for the recipe.

Button

1. Button Text: Write the button-text for more information in the recipe.
2. URL (Link): Set the button Url (Link) to redirect the other page for more information in recipe cards.

Style Settings

These contents settings are divided into six various sections.

Name

1. Alignment: You can set Alignment for a recipe name.
2. Text Color: Choose a text color for a recipe name.
3. Typography: Customize your font family. Font size, weight, transform, style, decoration, and line-height for a recipe name.
4. Border Type: Select a border type to decorate the recipe name field with border style – Solid, Double, Dotted, Dashed, and as well as Groove.
5. Width: You can increase or decrease width via border to set the recipe name field border type.
6. Color: You can set the border color for recipe name field border type.
7. Border-Radius: Set the border-radius for px.
8. Spacing: You can increase or decrease the gap for a recipe name field.

Type

1. Alignment: You can set Alignment for a recipe type field.
2. Text Color: Choose a text color for a recipe type field.
3. Typography: Customize your font family. Font size, weight, transform, style, decoration, and line-height for a recipe type field.
4. Spacing: You can increase or decrease the gap for a recipe type field.
5. Separator Color: Choose a separator color for a separate line.
6. Separator Spacing: Set the separate line gap for recipe type. 

Details

1. Alignment: You can set Alignment for recipe details.
2. Qty Color:  Choose a quantity color for recipe card details.
3. Typography: Customize your font family. Font size, weight, transform, style, decoration, line-height, and as well as for recipe quantity details.
4. Text Color: Choose a text color for recipe text details.
5. Typography: Customize your font family. Font size, weight, transform, style, decoration, line-height, and as well as for recipe text details.
6. Spacing: You can increase or decrease the gap for a recipe details field.

Description

1. Alignment: You can set Alignment for a recipe description.
2. Text Color: Choose a text color for a recipe description.
3. Typography: Customize your font family. Font size, weight, transform, style, decoration, line-height, and a recipe description.
4. Spacing: You can increase or decrease the gap for a recipe description.

Button

1. Alignment: You can set Alignment for a recipe button.
2. Typography: Customize your font family. Font size, weight, transform, style, decoration, line-height, and as well as for a recipe text button.
3. Normal: Choose the Normal option to customize a Text color, Background-color for a recipe button.
4. Hover: Choose the Hover option when hovering on Text color, Background-color, Border-color for a recipe button.
5. Border Type: Select a border type to decorate the recipe button with border style – Solid, Double, Dotted, Dashed, and as well as Groove.
6. Width: Set the Border width for the recipe button. 
7. Color: Choose the Border color for the recipe button. 
8. Border Rules: You can set border rules in px.
9. Box Shadow: Customize your box-shadow color, Horizontal, Vertical, Blur, Spread, and position inside or outside for a recipe button.
10. Padding: You can increase or decrease button padding to set a padding gap of the recipe button.

Box

1. Padding: You can increase or decrease padding to set the gap for a recipe card.
2. Background Color: You can choose the background color of the recipe card content-box.
3. Border Type: Select a border type to decorate the recipe card with border style – Solid, Double, Dotted, Dashed, and as well as Groove.
4. Border Rules: You can set border rules in px.

Advanced Settings

These advanced settings options give the extra useful feature to manage the Recipe card.

Tags Card Elements Pro for Elementor, Recipe Card, Recipe Card Options