How Do You Set Background Lower Layer Color With ACF Pro

[DefinityWeb]

How do I use ACF Pro to set the color of the background lower layer in a section?

Since that sounds confusing, here’s a video showing exactly what I’d like to do.
https://drops.definityweb.com/6qu5rjzl

[ruenel]

Hello Definity Web,

Thanks for the very detailed post information. Regretfully you cannot use the ACF or the dynamic content in the background color picker. What you can do is to use the inline element css in your section element and insert something like this:

$el .x-bg .x-bg-layer-upper-color {
    background-color: {{dc:acf:field field="background_color_overlay"}} !important;
}

If this is not helping, please provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/docs/getting-support

Best Regards.