How To Change Announcement Bar Letter Spacing

Solved

How To Change Announcement Bar Letter Spacing

MMast
Trailblazer
182 1 25

 

Thanks in advance!

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

IMG_0773.jpeg
https://decemberschild.com

password: dc

Accepted Solution (1)

PageFly-Noah
Shopify Partner
1317 233 268

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 2 (2)

ZestardTech
Shopify Partner
5636 1031 1359

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;
}

 

ZestardTech_0-1718858192571.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

PageFly-Noah
Shopify Partner
1317 233 268

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.