Changing the Font Style on Announcement Bar for Studio Theme

kylielyndesigns · ‎05-15-2022

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/

ZestardTech · ‎05-16-2022

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

ZestardTech · ‎05-16-2022

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 · ‎05-17-2022

This worked! Thank you so much!

Bluebird_76 · ‎02-15-2023

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 · ‎07-21-2023

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

saon