All Collections
Using the Editor
Pricing Tables
Changing the design of your pricing table
Changing the design of your pricing table

Adding a splash of design to your pricing tables

Rob Lucas avatar
Written by Rob Lucas
Updated over a week ago

There's two elements of customisation with pricing tables;

  • Header colour

  • Background colour

Editing the header colour of your pricing table

Click the settings cog in the top right of your pricing table and a sidebar will appear on the right hand side. Choose a header colour from our pre-designed colour choices or use a custom colour by inputting your 6 digit HEX code. Once you've chosen your colour, click 'Save and Preview'

If you're using multiple pricing tables, each table can have it's own colour or you can keep it the same, whatever works for you and your branding.

Editing the background colour of the pricing table block

Editing the background colour of a pricing table block is the same as editing it for a content block. Just hover over the pricing table block and you'll see the toolbar appear in the top left. Click the settings cog and the sidebar will open up on the right hand side. Here you can choose a background colour from our pre-designed colour choices or use a custom colour by inputting your 6 digit HEX code. Once you've chosen your colour, click 'Save and Preview'

Design tip: A nice way to make your titles pop is by using a lighter background colour and a darker version of that colour for the Header.

Did this answer your question?