Try PixifyAI and AI Recipe Assistant – smarter recipes, stunning images, and effortless blogging await!

Try it now!
Popular Search shortcodelanguagerecipesearchshort
View Categories

Advanced Recipe Slider

Table of Contents

You can add the Advanced Recipe Slider widget via the Elementor page editor.

Below are the settings you can configure to set up the Advanced Recipe Slider:

Layout Settings #

  • Layout: Select from all available layouts.

Query #

  • Number of Post: Determine how many recipe posts to display in this widget.
  • Offset: Set the offset for the widget, defining which posts to start displaying from.
  • Filter by: Choose the recipes that you want to display (e.g., latest recipes, categories of recipes )
  • 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.

CTA #

  • CTA Title: Enter a title for the CTA section.
  • CTA Content: Provide the content for your CTA section.
  • CTA Button: Specify the button label for the CTA section.
  • CTA Button Link: Add the link for the CTA button.
  • CTA Icon: Upload an icon for the CTA section.
  • CTA Title Tag: Select a title tag for the CTA section.
  • Background Image: Upload a background image for the CTA section.

Slider #

  • Slider Item Gap: Adjust the spacing between slider items.
  • Autoplay: Toggle this option to enable autoplay for the slider.
  • Autoplay Speed: Define the speed at which the slider auto-scrolls.
  • Loop: Toggle this option to make the slider loop continuously.
  • Transition Speed: Set the duration of the slider’s transition effects.
  • Navigation: Enable this option to display navigation arrows on the slider.
  • Slider Pagination: Toggle this option to show pagination dots for the slider.

Additional #

  • Heading 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.
  • Recipe Keys: Enable or disable the toggle to display recipe keys of posts.
  • Rating: Enable or disable the toggle to display the rating of the recipe.
  • Comments: Enable or disable the toggle to display comments on the post.
  • Category: Enable or disable the toggle to display the category of the recipe post.
  • Bookmark: Enable or disable the toggle to display the bookmark of the recipe.

Background Image #

  • Image Size: Select the size for the background image in the CTA section.
  • Width: Specify the width of the background image.
  • Height: Specify the height of the background image.
  • Border Radius: Adjust the border radius of the background image for rounded edges.
  • Image Scale: Set the scaling option for the background image.

CTA (Style) #

  • Alignment: Choose the alignment for the CTA section.
  • Padding: Adjust the padding around the CTA section.
  • Margin: Define the margin around the CTA section.
  • Background Color: Select a background color for the CTA section.
  • Border Type: Pick the border style for the section.
  • Border Radius: Set the border radius for the CTA section.

CTA Title #

  • Typography: Configure the typography of the CTA title.
  • Color: Set the color of the title.
  • Margin: Set the margin of the of the title.

CTA Description #

  • Width: Adjust the width of the description section.
  • Typography: Customize the typography for the CTA description text.
  • Color: Choose the text color for the description.
  • Margin: Define the margin around the description section.

CTA Button #

  • Typography: Customize the typography for the button label.
  • Padding: Adjust the padding around the button.
  • Background Color: Specify the button’s background color for both normal and hover states.
  • Color: Set the color of the button text normal and hover states.
  • Border Type: Select the border style for the CTA button for both hover and states.
  • Border Radius: Define the border radius to give the button rounded edges.

Recipe #

  • Background: Choose the background color of the Recipe Section.
  • Padding: Adjust the padding around the content within the Recipe section.
  • Border Type: Select the border type for the widget section.
  • Border Radius: Set the border-radius of the CTA section.
  • Margin: Set the margin for the widget section.
  • Alignment: Set the alignment for the content of the widget.
  • Box Shadow: Configure the box shadow of the Recipes.

Recipe Image #

  • 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 Type: Choose border type for the image of recipes.
  • Border Radius: Define the border radius for the images.
  • Image Scale: Choose the image scaling option to display the featured image of the post.

Separator #

  • Separator: Select a separator to divide the recipe metadata.
  • Separator Color: Choose a color for the separator.

Recipe 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.
  • Padding: Adjust the padding around the post title.
  • Margin: Set a margin around the title of the post.
  • Typography: Choose and configure the typography for the post titles.

Recipe Keys #

  • Icon Size: Set a size for the recipe keys icons.
  • Space Between: Add space between the icons.

Recipe Metas #

  • Icon Size: Select the size of the category icons.
  • Icon Color: Choose the color for the icons in Recipe Metas.
  • Typography: Set typography for Recipe Metas.
  • Text Color: Select the text color for the Recipe Metas.
  • Spacing: Adjust the space between the Recipe Metas.

Recipe Category #

  • Typography: Set a typography for the category of the recipe.
  • 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 both normal and hover mode.
  • Border Radius: Set the border radius for the Recipe category button.
  • Margin: Set the margin around the category of the recipe.

Slider Arrow #

  • Prev Arrow: Upload a custom previous arrow or select one from the Elementor library.
  • Next Arrow: Upload a custom next arrow or select one from the Elementor library.
  • Padding: Adjust the padding around the arrows.
  • Icon Size: Customize the size of the slider arrow icons.
  • Color: Set the arrow colors for both normal and hover states.
  • Background Color: Define the background color of the arrows for normal and hover states.
  • Border Type: Choose a border style for the arrow buttons in both normal and hover states.
  • Border Radius: Adjust the border radius of the arrow buttons for normal and hover states.