Change Colors in Elementor

Changing colors in Elementor using Elementor Template Kit Free and ElementsKit can be done efficiently by customizing the global settings and widget-specific settings. Here’s how you can do it step by step:

Change Colors in Individual Widgets

1. Select the Widget:

  • Click on the widget you want to customize (e.g., heading, button, or icon).

2. Customize Color in the Style Tab:

  • Go to the Style tab in the Elementor editor.

  • Look for color-related settings such as Text Color, Background Color, or Border Color, depending on the widget.

  • Click on the color swatch and choose a new color from the palette or enter a HEX/RGB code for a specific shade.

3. Apply the Change:

  • Once satisfied with the new color, click Update to save the page changes.

Help Center

How can we help?

Table of Contents