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

Price List block guide

Pro

How to add the Price List block and what every setting does. It comes with Bright Addons Blocks Pro, which also includes every free block.

See the Price List block All block guides

Start

Add the block

Menus and service lists with images, badges, sale prices, dotted leaders and group headings.

  1. Install the plugin

    Install Bright Addons Blocks Pro from your account and activate your licence. It includes every free block.

  2. Add the block

    Open a page or post in the block editor, press +, and search for “Price List”. It is in the Bright Addons Pro category.

  3. Set it up

    Open the block sidebar and work through Items, Layout and Colors.

  4. Publish

    Preview the page on desktop, tablet and phone, then publish. The block loads its own CSS and JavaScript only on pages that use it.

Panel 1 of 3

Items

Open the block sidebar and find the Items panel.

Setting What it does Choices
Items and group headings A list you can add to, remove from and reorder. Each item has: type, title, description, price, old price, badge, image, link, open the link in a new tab and highlight this item. –

Panel 2 of 3

Layout

Open the block sidebar and find the Layout panel.

Setting What it does Choices
Style Choose one. Classic (line between title and price), Cards, Stacked (price under the text)
Columns Phones always show one column. From 1 to 4. –
Line between title and price Choose one. Dotted, Dashed, Solid, None
Images On or off. –
Image position Choose one. Left, Right, Top
Image size (px) From 32 to 200. –
Image shape Choose one. 1:1, 4:3, 3:2, 16:9, 3:4
Space between items (px) From 0 to 80. –
Space between groups (px) From 0 to 120. –
Group heading tag Choose one. H1, H2, H3, H4, H5, H6, div, p
Group heading alignment Choose one. Left, Center, Right
Item title tag Choose one. H1, H2, H3, H4, H5, H6, div, p

Panel 3 of 3

Colors

Open the block sidebar and find the Colors panel.

Setting What it does Choices
Accent (link hover, stacked price) Color picker. –
Group headings Color picker. –
Item titles Color picker. –
Descriptions Color picker. –
Price Color picker. –
Old price Color picker. –
Line Color picker. –
Badge text Color picker. –
Badge background Color picker. –
Card background Color picker. –
Highlighted item background Color picker. –
Highlighted item border Color picker. –

Questions

Good to know

Is the Price List block free?

Price List is a Pro block. It comes with Bright Addons Blocks Pro, which has the same plans and prices as Bright Addons Pro for Elementor and includes all 62 free blocks.

Do I need Elementor for this block?

No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.

Will it slow down my pages?

No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.

Does it work with my theme?

Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.

Bright Addons Blocks

Build with every block

Blocks Pro adds 99 Pro blocks, Pro effects for every block, Theme Templates and popups to the 62 free blocks.

See Blocks Pro prices See the Price List block