Skip to Content
FeaturesCustomizationBrand Colors

Brand Colors

Match your widget’s appearance to your brand by customising colors across multiple areas of the editor.

  • Title color — change the color of your widget’s main title
  • Subtitle color — change the color of the subtitle text
  • Background — set a solid color, gradient, or background image for the header area

Cover Images

Cover images have their own styling options in the Cover Images section, including overlay colors and opacity settings.

Badges

Each badge can have its own text color and background color, configured in the badge settings. Use these to create color-coded labels that match your brand palette.

Buttons

Buttons (such as link buttons or action buttons) have text color and background color settings in their respective configuration sections.

Table Headers

When using the table layout, you can customise:

  • Background color — the fill color behind table column headers
  • Text color — the color of the header text

Show More / Pagination Button

The pagination button at the bottom of your widget has:

  • Text color
  • Background color

These are configured in the Pagination settings.

Widget Background

Set the overall background color of your widget in the Design tab or in the Additional Widget Customization section. See Additional Widget Customization for more details.

Search, Filter & Sort Bar

The search bar, filter controls, and sort buttons all pick up styling from their respective settings sections. You can adjust colors to blend with or stand out from your widget’s background.

Project Brand Colors

If your widgets are organised into a project, you can set brand colors at the project level. These colors appear as quick-select swatches in every color picker across all widgets in that project.

  1. Open your project from the dashboard sidebar
  2. Click the Settings icon
  3. Under Branding, click the + button next to Colors
  4. Pick a color and click Add
  5. Add up to 20 brand colors per project

Hover over a color swatch and click × to remove it.

Tip: Use consistent colors across all elements — header, badges, buttons, and backgrounds — for a cohesive, professional look. Pick 2-3 brand colors and apply them throughout.

Last updated on
Compare ItemsHeader