Change announcement bar font - taste theme

Store Design
1

Hi!

Is there any way to change the announcement bar font in the taste theme so it can be separate from all other fonts?

thank you for any help

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Hi!
www.jazzyboo.com.au
pw: kaocho

thank you very much!

1 Like
4

@NicoleJB

.announcement-bar__message {
    letter-spacing: .4rem !important;
    font-weight: 600 !important;
}

Add this code in the bottom of base.css file.

5

hi @Mr_RaviRaj

thanks for your reply,

This changes the weight of the font, how can I also change the actual font itself?

thanks so much! :slightly_smiling_face:

6

@NicoleJB

Which font style you want just mention here?

7

@NicoleJB

.announcement-bar__message {
    letter-spacing: .4rem!important;
    font-weight: 100!important;
    font-style: italic;
}

Add this font-style

8

I would like to use futura regular for the announcement bar

1 Like
9

@NicoleJB
for this font style you have to add custom font. for this you need a developer to add this.

Kindly check out this link,

https://ecomexperts.io/blogs/liquid-tutorial-shopify/shopify-font

thank you.

10

okay i’ll take a look, thank you!

would you also know how to change the size of the announcement bar font?

11

@NicoleJB

font-size:12px !important;

add like this code