help center

Search
Close this search box.
On this page

How do I use dynamic colors?

Last Update: October 2, 2023

Elementor Pro’s  Dynamic Content allows you to use content from custom fields and other sources, and dynamically display it on the page. This feature not only allows you to dynamically display data using text and numeric inputs, but also with any widget that has a color field, enabling you to dynamically style a widget’s color. The Dynamic Color control supports ACF (Advanced Custom Fields) color fields as well as custom field keys. 

dynamiccolors How do I use dynamic colors? 1

Dynamic Color Example Use Case:

Here is an example of using an author’s favorite color for the post’s Title color. We will assume that a field called ” fave_color” has been previously set up using Advanced Custom Fields, and the post’s author has assigned her favorite color, purple, to the post. To display each post’s title in that post’s assigned favorite color, simply edit the Single Post template that you have created and do the following:

  1. Edit the Post Title widget
  2. Click the Style tab
  3. Click the dynamic icon next to the Title’s Text Color field.
  4. Choose the custom field to be used. In this example, Post > Post Custom Field was chosen.
  5. From the Dynamic Tag Settings, select the custom field key to be used. In this example, the fave_color key was chosen.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!