Hi Theme.co,
Just as a follow-up to this post:
I’ve made the changes as requested in https://theme.co/forum/t/still-cant-set-the-colour-of-breadcumbs-links-and-or-delimiters-using-dynamic-content/107857/3, but it’s still not working. In trying to diagnose this issue further, it looks like it’s down to CSS variables not being set somewhere.
When I set the property using {{dc:archive:meta key="hero_fg" fallback="#ffffff"}} on other elements, you’re setting the colour using a CSS variable on the element - in the case of the h2 heading, you’re using the variable --tco-dccs11-0 as shown in the screenshot below:
This variable is set, and has a value of #ffffff, as expected. However, on the Breadcrumbs, it looks like the CSS variable name is being used in the CSS color attribute, but the variable itself isn’t being set:
As a reminder, I’m using exactly the same value ({{dc:archive:meta key="hero_fg" fallback="#ffffff"}}) on both items, and the colour is working just fine on other elements – just not those within the Breadcrumbs. The --tco-dccs10-0 variable just doesn’t appear to be set.
I’ve also switched the value to {{dc:archive:meta key="hero_fg" fallback="#ffffff"}} and this doesn’t work either. And, just to prove that both values work:
Hoping this helps you to isolate the root cause of the issue. (I’m temporarily using the fallback value of #fallback to show that the actual value is being retrieved from the achive/term meta.)
Thanks,
Anthony