How can I adjust spacing in the Empire announcement bar?

Technical Q&A

Topic summary

A user running the Empire Shopify theme needs help adjusting spacing in the announcement bar to improve text readability.

Solutions Proposed:

  • oscprofessional suggested adding CSS code to theme.scss.liquid (Assets > Edit code):

    • First attempt: word-spacing: 10px; for screens 720px+ wide
    • Second attempt: letter-spacing: 2px; for the announcement bar

  • GemPages recommended editing the theme.liquid file and pasting code before </head> to increase letter and word spacing

Current Status:

The user reported that at least one solution didn’t work. The discussion appears ongoing, with no confirmed resolution yet. The issue involves CSS modifications to control text spacing in the announcement bar component.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
4 
 

unfortunately this does not work.