Hello good people of Hubspot, really need your help here. I am building a theme, and trying to use brand colors in fields.json and then use this color as a background color for header and footer in css. What is happening is that when i use the field value in css what I get is a default value instead of property_value_paths. Here is my fields.json:
[
{
“label”: “Global colors”,
“name”: “global_colors”,
“type”: “group”,
“children”: [
{
“label”: “Primary”,
“name”: “primary”,
“type”: “color”,
“visibility”: {
“hidden_subfields”: {
“opacity”: true
}
},
“inherited_value”: {
“property_value_paths”: {
“color”: “brand_settings.colors[0]”
}
},
“default”: {
“color”: “#494A52”
}
},
{
“label”: “Color2”,
“name”: “color2”,
“type”: “color”,
“visibility”: {
“hidden_subfields”: {
“opacity”: true
}
},
“inherited_value”: {
“property_value_paths”: {
“color”: “brand_settings.colors[1]”
}
},
“default”: {
“color”: “#F8FAFC”
}
},
{
“label”: “Color3”,
“name”: “color3”,
“type”: “color”,
“visibility”: {
“hidden_subfields”: {
“opacity”: true
}
},
“inherited_value”: {
“property_value_paths”: {
“color”: “brand_settings.colors[2]”
}
},
“default”: {
“color”: “#F8FAFC”
}
}
]
},{
“label”: “Header and Footer”,
“name”: “header_and_footer”,
“type”: “group”,
“children”:[
{
“label”:“Header and Footer background color”,
“name”:“header_and_footer_bg_color”,
“type”:“color”,
“visibility”: {
“hidden_subfields”:{
“opacity”: true
}
},
“inherited_values”: {
“property_value_paths”:{
“color”:“brand_settings.primaryColor”
}
},
“default”:{
“color”:“#00ff00”
}
}
]
}]
the problem happends inside the header_and_footer block. What am I doing wrong? Thanks in advance for your help, cheers.
Thanks for your post and for including some of your code. Were you able to make any progress?