The kit

Elements [30]

Fancy Pricing List

Parent / child element

Fancy Pricing List

A price or menu list with a title, price, description and optional thumbnail on every row, in four designs. Highlight any row as featured and give it a badge such as New or Popular.

  • Four designs: Dotted Leader, Classic Menu, Boxed Rows and Minimal Divided
  • Title, currency, price and description on every row
  • Optional thumbnail image before the title
  • Featured rows with an accent highlight and badge text
  • Separate typography for titles, prices and descriptions
  • Colour controls for text, accent, rows and badges

Designs

4 designs

Title tag

H1 to H6

Per-row media

Thumbnail image

Dotted Leader

  • Espresso

    A double shot with a thick hazelnut crema.
    $3.20

  • Flat WhiteNew

    Velvety micro-foam poured over a ristretto base.
    $4.50

  • Cold BrewPopular

    Steeped for 18 hours and served over ice.
    $4.80

  • Matcha Latte

    Ceremonial-grade matcha whisked with oat milk.
    $5.20

Classic Menu

  • Landing page

    One conversion-focused page, designed and built in Avada.
    $1,200

  • Business websiteRecommended

    Up to eight pages with a custom, reusable design system.
    $3,800

  • Online store

    WooCommerce setup with product, cart and checkout templates.
    $5,600

  • Monthly care plan

    Updates, backups, uptime monitoring and small edits every month.
    $149

Boxed Rows

  • Avada Foundations

    Four lessons on global options, containers and typography.
    $49

  • Layouts That ConvertBest seller

    Build landing pages, hero sections and social proof that sell.
    $79

  • Component Library

    Save reusable sections and elements for every new project.
    $59

  • Complete BundleSave 20%

    All three courses, plus every future lesson we publish.
    $149

Minimal Divided

  • Portrait session

    One hour in the studio with ten retouched images.
    $180

  • Team headshots

    On-site setup for up to ten people, delivered in 48 hours.
    $650

  • Product photographyNew

    Twenty products shot on white, ready for your store.
    $420

  • Event coverage

    Four hours of candid and stage photography.
    $900

All four designs share the same row and colour settings. Switch between them with the Design option.

Example of fancy pricing list with thumbnail images and a featured row…

  • Single-origin pour-over

    Single-origin pour-over

    Hand-brewed Ethiopian Yirgacheffe with notes of jasmine.
    $5.50
  • Garden green tea

    Garden green tea

    Loose-leaf sencha, steeped to order at 80°C.
    $4.20
  • Lemon olive-oil cake

    Lemon olive-oil cakeHouse favourite

    Baked every morning and finished with a lemon glaze.
    $6.00
  • Seasonal soup

    Seasonal soup

    Ask the team about today’s soup, served with sourdough.
    $8.50

Example of fancy pricing list with H5 titles, larger prices and custom row padding…

  • Extra website licence
    Add one more site to your plan, for a year of updates.
    $29
  • Priority supportPopular
    Replies within two business hours, every weekday.
    $99
  • Setup and migration
    We install, configure and move your existing pages for you.
    $249

Example of fancy pricing list with custom badge colours…

  • Basic wash

    Exterior hand wash and dry.
    $25

  • Full valetMost booked

    Inside and out, including seats, mats and windows.
    $85

  • Ceramic coatingNew

    Long-lasting paint protection with a deep gloss finish.
    $390

Use cases

01

Restaurant, café and bar menus, with a dotted leader between each dish and its price.

02

Service price lists for agencies, salons and studios, with the most booked service featured.

03

Add-ons and extras beside a pricing table, such as extra licences, support hours or setup.

Key features

What the element does, in plain terms. Every individual control is listed in the settings reference below.

Layout

Four designs

Dotted Leader joins the title and price with a dotted line, Classic Menu sets a restaurant-style list, Boxed Rows puts each item in a shaded box and Minimal Divided separates rows with thin lines.

Row padding

Set the padding on each side of every row. It shows on the Boxed Rows and Minimal Divided designs.

Rows

Title, price and description

Each row has a title, an optional currency symbol, a price and a short description underneath.

Thumbnail images

Add an optional image before the title, such as a dish photo, a product shot or an icon.

Highlighting

Featured rows

Mark any row as featured to highlight it with the accent colour, with optional badge text such as Popular or Recommended.

Badges

Show a small label next to the title on any row, for example New.

Styling

Typography

Separate font family, weight, size, line height and letter spacing for titles, prices and descriptions.

Colour controls

Title, price, description, accent, row background, featured border and badge colours.

Settings reference

Every setting the element exposes, grouped by builder tab. Options are listed where the setting offers a fixed set of choices.

Structure General tab

Design

Dotted Leader · Classic Menu · Boxed Rows · Minimal Divided

How the list rows are laid out. Default Dotted Leader.

Pricing List Items

Child elements

Add, reorder, clone or remove rows. Each row has its own settings, listed below.

Title Tag

H1 · H2 · H3 · H4 · H5 · H6

The HTML tag used for item titles. Default H4.

Row Padding

Top · Right · Bottom · Left

Padding inside each row, in pixels. Leave a side empty to use the design’s default. It has no visible effect on Dotted Leader or Classic Menu.

Element Visibility

Small · Medium · Large screen

Shows or hides the element on small, medium or large screens.

CSS Class

Adds a class to the wrapping HTML element.

CSS ID

Adds an ID to the wrapping HTML element.

Typography General tab

Title Typography

Font family, weight, size, line height, letter spacing

Font settings for the item titles.

Price Typography

Font family, weight, size, line height, letter spacing

Font settings for the prices.

Description Typography

Font family, weight, size, line height, letter spacing

Font settings for the item descriptions.

Pricing List Item Child element, one per row

Title

Text

The name of the item.

Currency

Text, for example $

The currency symbol shown before the price.

Price

Text, for example 12

The price shown on the right of the row.

Badge

Text

An optional small label next to the title, for example New.

Featured

Yes · No

Highlights this row with the accent colour. Default No.

Badge Text

Text

Optional featured badge text, for example Popular. Shown when Featured is Yes.

Image

Image upload

An optional thumbnail shown before the title.

Description

Text

An optional description shown under the title.

Colours Design tab

Title Color

Colour. Default #1a1a1a

The colour of the item titles.

Price Color

Colour. Default #65bc7b

The colour of the prices.

Description Color

Colour. Default #8a8a8a

The colour of the item descriptions.

Accent Color

Colour. Default #65bc7b

The colour of the leader line, featured highlight and badges.

Background Color

Colour. Default #f7f7f7

The row background in the Boxed Rows design.

Featured Border Color

Colour

The border of a featured row in Boxed Rows. Leave empty to use the accent colour.

Badge Background

Colour

The background of the featured badge. Leave empty to use the accent colour.

Badge Text Color

Colour

The text colour of the featured badge. Leave empty for white.

Previous

Fancy Image Scroller

Next

Fancy Pricing Plans

On this page

Related

Need full plan cards with feature lists and buttons? Use Fancy Pricing Plans alongside this list.