Chefs Recipe widget in Restaurant Addon plugin is to show the favourite recipes from the chef. You can use this layout of the widget based on your needs. From the below steps, you will see how to work with the Chefs Recipe Widget.
Step O1 :
In the unique Restaurant Addon Widget you can see Chefs Recipe Widgets in the Elementor Sidebar Widget. Simply drag and drop it to the highligted area.
Step O2 :
After adding Chefs Recipe widget in that content area you can simply fill the fields in the Content Tab.
The content tab consists of the content area for the shortcode.
- Chefs Recipe Options : You can add content like Chef Image, Chef Name, Chef Role, Button Title, Button Link, Chef Info. In Chef recipe section you can add Chefs Recipe Title, Ingredients and in the bottom Contact Title you can add Contact Title, Social Icons. Toggle Align option is switch the image and content position from left & right.
- In the Carousel Options section you have options for controlling the carousel sliders like Slider Items, Slder Item Space, Disable Loop, Dots, Navigation, Auto Play, Pagination Dots Clickable, Auto Play Speed, Slider Effect, Disable Mouse Drag.
Step O3 :
In this step you’ll see what are the options available in Style Tab.
The style tab consists of options for changing the style of the shortcode.
- Section : Here you can control the Padding, Background Color, Border Radius, Border Type, Box Shadow of the Chefs Recipe section.
- Image : Chef image options like Overlay Color, Border Radius, Image Width, Border Type, Image Box Shadow are available in this section.
- Title : Here you can control the Padding, Typography, Color of the title.
- Role: Here you can control the Padding, Typography, Color of the role.
- Button : In this button option you have options for changing Button Width, Margin, Border Radius, Padding, Typography, Color, Background Color, Button Shadow, Border, Hover Color, Hover Background Color, Hover Border, Hover Button Shadow of the button.
- Section Title : Here you can control the Padding, Typography, Color of the sub title.
- Food Title : Here you can control the Padding, Typography, Color of the food title.
- Preparation Time : Here you’ve options like Padding, Box Shadow, Typography, Color, Background Color for preparation time section.
- Content : In this section you can control the Padding, Typography, Color of the content section.
- Video Button : Section you can control the Button Width and Border Radius, Color, Background Color, Border Type, Section Box Shadow for normal and hover state of the video button.
Step O4 :
In this step you’ll see what are the options available in Chefs Recipe widget Advanced Tab.
The Advanced Tab consists of options for adding the advanced options for the shortcode.
- Advanced : It consist options like Margin, Padding, Z-index, CSS ID, CSS Classes for that whole section.
- Motion Effects : it having the animation options for about me section.
- Background : This option having Background Type and Hover Background Type option with Hover Transition Duration in it.
- Border : In this option you’ve options for Border, Box Shadow, Hover Border , Hover Box Shadow with Transition Duration
- Positioning : Her you control the Width of the section and change the Position of the section
- Responsive : IN this option you can hide that section in Desktop, Tablet, Mobile based on your need.
- Attributes : It will help you to add custom Html Attributes but it will available once you installed the Elementor Pro version.
- Custom CSS : You can add your Custom CSS in this field. It will also available once you installed the Elementor Pro version.
You can see types of styles in Chefs Recipe widget Here