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
How to Check Selection Colors
Select a box that contains child boxes. (for entire page selection, choose the top-level <Base> layer in the layer panel)
Open [Box] in the style bar at the top
Hover over [Selection]
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
Note:
Please be aware that the following colors will not appear in the list:
Colors changed in Responsive settings
*Colors will appear in the list when you switch breakpoints.Colors used in Shadow settings
Colors specified in CMS Color Properties
Form placeholder colors
Colors changed in Conditional Styles
*Colors specified within Conditional Styles will only appear in the list when Conditional Styles are turned on.
When transparency (no fill) is applied
Adding Colors to Your Palette
Select a box
Open [Box] in the style bar
Hover over [Selected Colors] to display the list
Click a specific color and click [+] in the color palette to register it
Once registered, the color will appear in blue in the list
Bulk Color Changes
Change all instances of a color within selected elements:
Select a box
Open [Box] in the style bar
Hover over [Selected Colors] to display the list
Click a specific color and select a new color from the palette to update all instances
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?
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.
