can someone fix the text of my announcement bar

[swawestore]

the text isn't coming in the centre on my announcement bar https://swawe.store/

[Moeed]

Hey @swawestore 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.announcement-bar__message {
    padding: 2px 0px 0px 0px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[swawestore]

not coming centre 

[Sangeetanahar]

Hello @swawestore 

Go to online store ----> themes ----> actions ----> edit code ---->assets....>base.css

search the code

.announcement-bar__message {
    text-align: center;
    padding: 1rem 0;
    margin: 0;
    letter-spacing: 0.1rem;
    min-height: 3rem;
}

replace with this code

.announcement-bar__message {
    text-align: center;
    padding: 1rem 0;
    margin: 0;
    /* letter-spacing: 0.1rem; */
    min-height: 3rem;
}

result 

Buy me a Pizza

If this was helpful, hit the like button and accept the solution.
Thanks

[niraj_patel · Accepted solution]

Hello @swawestore 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .announcement-bar__message {
     padding: 3px 0px 0px 0px !important;
  }

</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[swawestore]

can you also change my buy it now button to buy now

[niraj_patel]

see this may be this video help you
https://youtu.be/iviwNjC-bjU?si=4Xc3a5uv313DcmCp

[Kaushik_7]

Hello! @swawestore Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

.announcement-bar__message {
    padding: 7px 0px 0px 0px !important;
    white-space: nowrap;
}

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
Best regards
Kaushik