Announcement Bar Font

Solved
Highlighted
Excursionist
25 0 4

Any way to change the announcement bar font through code so that the other text on the site stays the same?

https://theteststorenew.myshopify.com/products/the-untangled™-wire
Password: test

0 Likes
Highlighted
Shopify Partner
2797 612 752

This is an accepted solution.

@neantherla 

You can add the following code at the bottom of your assets/styles.scss.liquid file.

.announcement-bar__text{
font-family: "your font name";
font-size: 15px;
color:#fff;
}

 

In the above code, you can change the font family with "Your font name", font size and color.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
25 0 4

Hi, amazing thank you. How can i make the font bold? 

1 Like
Highlighted
Shopify Partner
2797 612 752

This is an accepted solution.

@neantherla 

To make the font bold you can add the following to the above 

font-weight: bold;

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like