BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Guide

Price List Pro

How to set up and style the Price List widget in Elementor.

Price List shows items with a title, description, price, old price, badge and image, grouped under headings. Choose from three styles and up to four columns. Use it for restaurant menus, salon and service price lists and rate cards.

Part of: Bright Addons Pro.

Set it up

  1. Add the Price List widget and open the Items section.

  2. For each row choose a Type: Item for a priced entry or Group Heading for a section title.

  3. Fill in Title, Description and Price, and optionally Old Price, Badge, Image and Link.

  4. Switch on Highlight This Item for entries you want to stand out.

  5. Open Layout and pick a Style, the number of Columns and the Line Between Title and Price.

  6. Set Images and Image Position, then adjust spacing, colors and typography in the Style tab.

Content options

Items

Option What it does
Type Item or Group Heading. The list holds one row per entry, in the order shown on the page.
Title The item name or the heading text.
Description A short text under the title. Line breaks are kept.
Price The price as text, so any currency or wording works.
Old Price Shown crossed out before the price.
Badge A small label next to the title, such as New or Popular.
Image An optional picture for the item.
Link Makes the item title a link.
Highlight This Item Marks the item so it can get its own background and border color.

Layout

Option What it does
Style Classic (line between title and price), Cards, or Stacked (price under the text).
Columns One to four columns, per device.
Line Between Title and Price Dotted, Dashed, Solid or None. Not used in the Stacked style.
Images Shows or hides all item images.
Image Position Left, Right or Top.
Group Heading Tag The HTML tag of group headings, H3 by default.
Item Title Tag The HTML tag of item titles, H4 by default.
Bright Addons Pro

Unlock this and 79 more Pro widgets

One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $18 a year, with a 14-day money-back guarantee.

Style options

These sections are in the Style tab.

  • Items

    space between items, columns and groups, item background, border and shadow for normal and hover, radius, padding, and highlighted item colors.

  • Image

    size, shape, border radius and space between image and text.

  • Headings, Titles and Descriptions

    typography, colors and margins of the group heading, item title and description, plus heading alignment.

  • Price and Line

    price typography, price and old price colors, line color and thickness.

  • Badge

    typography, text color, background, padding and radius.

Tips

  • Each Group Heading starts a new group. Items that follow belong to it until the next heading.

  • Prices are plain text, so you can write a range, a currency code or a phrase such as from $20.

  • The line between title and price and its color and thickness settings do not apply to the Stacked style.

  • Item images are decorative and print with an empty alt text, so put the important information in the title and description.

Questions and answers

Can I split the list into sections?

Yes. Add a row with Type set to Group Heading wherever a new section should start.

How do I show a sale price?

Enter the new amount in Price and the previous amount in Old Price. The old price is shown crossed out before the price.

Can items link to another page?

Yes. Set Link on an item and its title becomes a link.

Can I use it without images?

Yes. Leave Image empty on the items or switch off Images in the Layout section.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides