Decrease the space in the Announcement bar

105 12 32

Hello everybody,

I would like the to make the space between the text and the bottom and top edges smaller in the announcement bar.

I managed to change the font size to make it clearer but the the bigger i make it the bigger the edge becomes. (Orange part in the picture)


I would really apreciate it if anyone can help with this 

Website ulr:

Password: stoyol

Thank you very much in advance!


Shopify Partner
283 53 71

This is an accepted solution.

Hi @NZA 

To change the padding, go to  theme.css files

and add this code to the very bottom of the page:

.AnnouncementBar__Wrapper {
    padding: 5px 5px;


You can adjust the padding by increasing/decreasing the px values to your personal preferences.

I hope it helps!

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
Shopify Partner
1436 404 960

hello @NZA 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.AnnouncementBar__Wrapper {
    padding: 5px 5px !important;


Want to theme customize contact us E-mail :
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
221 29 86

@NZA  Simply add this on your css file and adjust the px as per your need. Thanks


.AnnouncementBar__Wrapper { padding: 5px 5px !important; }



Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me:
Whatsapp ( Click on number )- +33 6 28 93 62 05