How To Change Announcement Bar Letter Spacing

[MMast]

Thanks in advance!

I’m looking to change the letter spacing for my announcement bar for both mobile and pc. Example shown below.

https://decemberschild.com

password: dc

 

[ZestardTech]

Hi @MMast 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.announcement-bar__message {
letter-spacing: 0;
}

[PageFly-Noah · Accepted solution]

This is Noah from PageFly - Shopify Page Builder App

Hi @MMast Please add code here to change letter spacing :

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>
You can change 0 to other param:

<style>
  .announcement-bar__message{
letter-spacing: 0 !important;
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly