How do I use the Color Picker?

Last Update: February 4, 2024

Elementor’s lightweight, efficient color picker allows you to easily save your favorite colors to the color picker’s custom swatches. Use your saved colors anywhere the color picker is available on your site.

How To Add A Color To The Color Picker’s Custom Swatch Bar

  1. Choose the desired color from the color picker
  2. Click the Add Swatch + icon
file tqtZL61aUe How do I use the Color Picker? 1

How To Delete A Color From The Color Picker’s Custom Swatch Bar

Drag and drop the color onto the trash icon that appears once dragging has begun

file dpTbd18Dzl How do I use the Color Picker? 3

How To Rearrange Colors In The Color Swatch Bar

Drag and drop color swatches to any position of the swatch bar

file SJdEHbLmmx 2 How do I use the Color Picker? 5
On this page

Share this article