Add spacing to words in announcment bar - pipeline theme

Highlighted
Excursionist
33 0 9

Hello,

Using the Pipeline theme

In the header announcement bar we can write things like - 5 star REVIEWS | FREE Shipping

Let say I want a space between the words like: 5 star REVIEWS               |               FREE Shipping

How can this be made? 

I have tried different html but nothing seem to work, and tried "" and &nbsp in the settings_data.json file and also in the customize theme section for the header.

 

Thankyou

0 Likes
Highlighted
Shopify Partner
1151 232 299

Hello,

Find the code of announcement bar and remove 'strip' from return variable. Once you will do it you can add space from admin using html.
More you can check here the use of 'strip' https://shopify.github.io/liquid/filters/strip/


Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Tourist
30 0 0

some code once you remove 'strip' from the script....
(not sure this would work if 'strip' is still left in the code)

 

<div style="width: fit-content; border: 1px solid red;">5 star REVIEWS<span style="letter-spacing: 100px;"> </span>|<span style="letter-spacing: 100px;"> </span>FREE Shipping</div> 
 
(border is there just for visual purpose, it can be taken out)
0 Likes