Skip to main content
All CollectionsEditorProcess optimization
Checking and Bulk Changing Selection Colors on Your Page
Checking and Bulk Changing Selection Colors on Your Page

View and modify colors used across selected elements in one place.

Saika avatar
Written by Saika
Updated this week

What is Selection?

Selection Colors is a feature that lets you view a list of all colors used within a box and its child boxes when you select them. With this feature, you can:

  • View a list of all colors used in selected elements

  • Bulk update elements using the same color

  • Identify colors not registered in your color palette

This tool helps maintain color consistency across your site efficiently.

Notes:

  • This feature is not available for individual boxes that don't contain child boxes

  • All gradient colors will be displayed as "LINEAR"

  • Gradient colors cannot be applied to borders

Using the Selection Colors feature

How to Check Selection Colors

  1. Select a box that contains child boxes. (for entire page selection, choose the top-level <Base> layer in the layer panel)

  2. Open [Box] in the style bar at the top

  3. Hover over [Selection]

  4. View the list of colors in use:

    • Colors registered in the color palette appear in blue

    • Hover over colors to highlight where they're used

Viewing a list of colors used in the selected areas

Note:

Please be aware that the following colors will not appear in the list:

Adding Colors to Your Palette

  1. Select a box

  2. Open [Box] in the style bar

  3. Hover over [Selected Colors] to display the list

  4. Click a specific color and click [+] in the color palette to register it

    • Once registered, the color will appear in blue in the list

Adding colors from Selection Colors to the color palette

Bulk Color Changes

Change all instances of a color within selected elements:

  1. Select a box

  2. Open [Box] in the style bar

  3. Hover over [Selected Colors] to display the list

  4. Click a specific color and select a new color from the palette to update all instances

Batch updating colors using Selection Colors

Note: If you have overridden colors within a Rich Text box, these settings take precedence. As a result, any color changes you attempt to make using the Selection Colors feature will not be applied to these elements.

Frequently Asked Questions

Q: Can I check and change colors across the entire project at once?

A: No, color checking and changing must be done page by page. For page-level changes, select the top-level <Base> layer in the layer panel.

Viewing Selection Colors by selecting the top-level  layer in the Layer panel

Did this answer your question?