Changing header colors from default

[HouseofWebster]

Hello, I'm trying to change a piece of a timeline widget to not use the default header color setting. I'd like to change it to something specific for the page.

[devcoders]

Hello @HouseofWebster 

try this code.

{
  "name": "Header Color",
  "settings": [
    {
      "type": "color",
      "id": "header_color",
      "label": "Header Color"
    }
  ]
}
<div class="timeline-widget">
  <h2 style="color: {{ section.settings.header_color }}">Your Timeline Header</h2>
</div>