How can I adjust spacing in the Empire announcement bar?

[KCK22]

Hello,
we use Empire and would like to adjust the announcement bar there.

At the moment it is not possible to show a space between the words.

What do I have to change to make this possible?

www.keilbach.com

Best wishes

Katharina Keilbach

[oscprofessional]

@KCK22 ,

@media screen and (min-width: 720px){
       .announcement-bar-text {
         word-spacing: 10px;
       }
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[KCK22]

 unfortunately this does not work.

[GemPages]

Hello @KCK22 

I would like to give you some recommendations to support you.

To increase the space between letters and words on your announcement bar. Make text easier to read and look better.

You can follow: 

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before </head>

<style>
  #shopify-section-static-announcement .announcement-bar-text, 
  #shopify-section-static-announcement .announcement-bar-text-mobile{
    letter-spacing: 0.6px;
    word-spacing: 0.7px;
  } 
</style>

Hope my recommendation can works and support for you!

Best regards,

GemPages Support Team

[KCK22]

unfortunately this does not work.

[oscprofessional]

@KCK22 
Hello,

.announcement-bar {
	letter-spacing: 2px;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Like This