Decrease the space in the Announcement bar

Solved
NZA
Pathfinder
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)

bar.png

I would really apreciate it if anyone can help with this 

Website ulr: https://luxury-cartell.myshopify.com/

Password: stoyol

Thank you very much in advance!

 

0 Likes
Nick_Marketing
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.
Natztech
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 : natztech2312@gmail.com
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
Anthony_David_
Trailblazer
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: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05