Food Menu/Pricing List

< All Topics
Widget Used
Pricing List
Knowledge Required
Advanced

The Pricing List widget comes in handy for restaurant website owners to quickly create a list of food menu items they have to offer. You can create a tab or a grid style menu. There are many possibilities as to how you can create a food menu using this widget.

Pro tip
Though creating a food menus is the best example of how this widget should be used. But, you can try something different as well such as creating a list of your ecommerce products to sell.

How to use the Pricing List Widget of The Plus Addons For Elementor

The Pricing List widget comes with 3 different layout styles to choose from. Let’s understand how to use this widget in the tutorial below.

Table Of Contents

General Steps


Search for the Pricing List widget from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to this widget. First, click on the Content tab.

1. Content

Pricing List

Style

We have provided three different styles (Classic, Modern, and Simple) to choose from. Select any one from these.

Title

Enter the title of the Pricing List.

Tag

Display multiple tag use separator e.g. Small | Medium | Large

Price

Enter the Price here.

Description

Enter the Description here.

Background Option

Add Image in the Pricing List widget.

Background Type

You can add an image, color or a gradient to the pricing list background.

Border Type

Add a border type and set its width. You can also set its color.

Border Radius and Box Shadow

You can also set the border radius and box shadow of the pricing list here.

2. Style

The Style tab is used for customizing the appearance of all the Price List widget components.

Pricing List Style

Align the box position. You can set it to left, right or center.

Title Style

Use this option to set the Typography, Title Color, Background Type, and Padding here.

Line Style

Use this option to enable and set the Line Style here.

Tag Style

Use this option to set the Typography, Tag Space, Tag Color, Background Type, and Padding here.

Price Style

Use this option to set the Typography, Price Color, Background Type, Border Radius, and Padding here.

Description Style

Use this option to set the Typography, Description Color, Background Type, Border Radius, and Padding here.

On Scroll View Animation

On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.

View On Scroll View Animation Tutorial

3. Advanced

Want to get nerdier with our widgets? Check out the Advanced Tab. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.
View The Advanced Tab Tutorial

Do you want to rate this article?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Need help?