Solved

Changing the Font Style on Announcement Bar for Studio Theme

kylielyndesigns
Tourist
11 0 3

How do I change the font on my announcement bar? I want to change the size and font. I'm using the Studio theme. My URL is https://kylielyndesigns.com/

Accepted Solution (1)

ZestardTech
Shopify Expert
5474 984 1309

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

p.announcement-bar__message.h5 {
font-family: sans-serif;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

ZestardTech
Shopify Expert
5474 984 1309

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

p.announcement-bar__message.h5 {
font-family: sans-serif;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
kylielyndesigns
Tourist
11 0 3

This worked! Thank you so much!

Bluebird_76
Visitor
1 0 0

Hi

 

I am using the Studio theme, but the above code in the base.css didn't do anything to the announcement bar. Please help.

doorstepdrip
Excursionist
44 0 9

Hey, what are the other font family options? Or is sans-serif the only other font style? Any help would be great thanks 🙂

saon