I tried to use html in the announcement bar text field but it didn’t work, it just displayed the HTML as I typed it in. How do I share the header code? Here’s a section from the header.liquid code that addresses the announcement bar. Please let me know if you’d like to see something else.
.announcement-bar__link:hover {
{% assign brightness = section.settings.color_bg | color_brightness %}
{% if brightness <= 192 %}
{% assign lightenAmount = 255 | minus: brightness | divided_by: 255 | times: 16 %}
background-color: {{ section.settings.color_bg | color_lighten: lightenAmount }};
{% else %}
{% assign darkenAmount = 255 | divided_by: brightness | times: 8 %}
background-color: {{ section.settings.color_bg | color_darken: darkenAmount }};
{% endif %}
}
.announcement-bar__message {
color: {{ section.settings.color_text }};
}
{{ section.settings.message_text | escape }}
{%- unless section.settings.message_link == blank -%} {%- endunless -%}{% endif %}
{% endif %}