Flex Theme - How do I center text in the 'Top bar'

[N-B]

Hi,

I want to center the text 'Free Standard Shipping...' in the Top bar in my Flex theme (Swagger). How can I do this? HTML does not work.

Thank you

[Made4uo-Ribe]

Hi @N-B ,

Would you mind to share your URL website (with password if its protected)?

Thanks!

[Zqdo]

Can you share the link to your website please? This would make it a little bit easier for me to see what the problem is and guide you in the right direction. 

[N-B]

Unfortunately, our old website is live at the moment. This problem is part of our new website which hasn't been uploaded yet. 

[Zqdo]

If you don't want to share the link and password publicly, feel free to send it to me via my details below in my signature.

[N-B]

I don't think that will work since the new theme has not been published on our website yet.

[Made4uo-Ribe]

The preview will work also.. 😊 cause its hard to determind the selector name and different theme. Or if you know a bit of coding you can just add this but change selector that work. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "theme.css, styles.css or base.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

.announcement-bar__message {
   text-align: center;
}

I hope it help. 

[RadiantFaith]

Hi there,  I tried this and it didn't work.  The theme as the announcement bar, and also the "top bar", I am trying to achieve the same thing which is to move the text to the middle in the "top bar", not the "announcement bar'.  

Please advise.