How can I adjust the font size range on the Dawn Theme's Announcement Bar?

[gabe571]

Hello,

I am attempting to create a font range for the Announcement Bar on the Dawn Theme with the following:

<p style='color: {{ block.settings.text_color }}; font-size: {{ block.settings.font-size}}px; ' class="announcement-bar__message {{ block.settings.text_alignment }} h5">
{{ block.settings.text | escape }}
{%- if block.settings.link != blank -%}
{% render 'icon-arrow' %}
{%- endif -%}
</p>

{
"type": "range",
"id": "font_size",
"min": 12,
"max": 24,
"step": 1,
"unit": "px",
"label": "Font size",
"default": 16
} 

I am able to get the font-size range to show up on the announcement bar, but the size is not actually adjusting when moving the range back and forth.  I think I am just referencing the block setting wrong, or maybe on the wrong line?

Appreciate any help.

[Kani · Accepted solution]

Hi @gabe571 

Pls check your code, you define 'font_size' at below

[gabe571]

Ah, good ol' user error.  Thank You!