Skip to content

Comparison Table

Below is a working example of the comparison table block, scroll below the block for instructions.

Feature
Free
£0
Pro
€49/py
Header Layout Options i ~ Included in Free
  • Default (Logo Left, Nav Right)
  • Logo Top, Nav Below
Everything in Free, plus
  • Logo Left, Nav Right, CTA Right
  • Disable Theme Header, Add Your Own
Footer Layout Options i ~ Included in Free
  • Theme Default (Widgets)
  • Footer A
Everything in Free, plus
  • Footer B
  • Footer C
  • None, Add Your Own
Site Width i Full Control
  • Control the width of your site container, from 960px to 1920px
Full Control
  • Control the width of your site container, from 960px to 1920px
Blog Options i Full Control
  • Show or Hide Blog Sidebar Globally
  • Show or Hide Featured Image Globally
  • Override Options on Page Level
Full Control
  • Show or Hide Blog Sidebar Globally
  • Show or Hide Featured Image Globally
  • Override Options on Page Level
Border Radius i ~ Included in Free
  • Choose between none, soft or rounded
Everything in Free, plus
  • Adjust the soft and rounded presets used across the theme
Block Spacing i ~ Included in Free
  • Vertical spacing scale (controls margins between blocks)
  • Block inner spacing – Top/Bottom (controls top and bottom block padding)
  • Block inner spacing – Left/Right (controls left and right block padding)
Everything in Free, plus
  • Customise spacing scales (advanced slider controls which allow to you change the spacing of each value)
Typography i ~ Included in Free
  • Body font size options
  • H1, H2 and H3 font size options
Everything in Free, plus
  • Upload your own custom fonts
Theme Palette i Full Control
  • Brand colour control
  • Widget colour control
  • Footer colour control
  • Menu colour control
Full Control
  • Free and Pro users can enjoy full colour control of the theme and blocks!
Cards and Grid i ~ Included in Free
  • Card Background Colour
  • Card Background Alternative Colour
  • Care Heading Colour
  • Card Link Colour
Everything in Free, plus
  • Chose how many cards (blog or portfolio) are visible on page load
Blocks i ~ Included in Free Everything in Free, plus

Comparison Table

The Comparison Table block displays package features side-by-side, with optional row previews, tooltips, and detailed bullet points.

What It Includes

  • Section heading + intro text
  • Feature/service column
  • Plan columns (title + price)
  • Per-cell states (Included / Limited / None)
  • Optional row info tooltip
  • Optional row media preview (image/video gallery in modal)

Layout Controls

  • Inner spacing (Top/Bottom): Use global / Small / Medium / Large
  • Inner spacing (Left/Right): Use global / Small / Medium / Large
  • Content alignment: Left / Center / Right
  • Top margin: Use global / None / Small / Medium / Large
  • Bottom margin: Use global / None / Small / Medium / Large

Typography Controls

  • Heading tag: H1 / H2 / H3
  • Heading size: Theme default, Small → 4XL
  • Body size: Theme default, Small → 4XL
  • Table font size: Theme default, Small → 4XL

Colour Controls

Section colours

  • Heading text
  • Body text
  • Section background

Table colours

  • Stripe colour
  • Border colour
  • Check/indicator colour

Plan Columns

  • Plan title
  • Plan price

Use Add Plan to create additional columns.

Plan columns can be removed individually.

Feature Rows

Each row includes:

  • Feature label
  • Info tooltip text (optional)
  • Preview media gallery (optional: images and/or videos)
  • Per-plan cell value

Each Cell Supports

  • State: Included / Limited / None
  • Short label (optional)
  • Details text (optional, supports line breaks and markdown links)

Use Add Row to create new feature rows.

Rows can be removed individually.

Behaviour

  • On desktop, content renders as a comparison table.
  • On smaller screens, it switches to stacked plan cards.
  • Preview icon appears only when row media exists.
  • Preview opens in a modal with previous/next navigation and keyboard support.
  • Video playback stops when changing slide or closing modal.
  • Tooltip icon shows helper text on hover/focus.

BBI Brandboost
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.