How to increase the announcement bar font size in Prestige?

Store Design
1

Hi, Ive been trying different codes to increase announcement bar font size on Prestige with no success. Can you help me? Thank you so much!

tjuliana_0-1617741259649.png
tjuliana_0-1617741259649.png1920×244 240 KB

2

hi @tjuliana

please share your web-site url and password,

thank you so much.

3

fourelementscandles.ca

pw: juju

thank you

4

hey , @tjuliana

i can solve this your problem.

bar.png
bar.png1122×384 247 KB

u like this ?

thank you so much .

khilan

5

Thank you so much, a little bit smaller if possible. Thank you!

6

hi @tjuliana

can u please add me a staff member .

please my contact id :- khilan.mendapara1995@gmail.com

thank you so much ,

khilan

7

sorry, not sure i understand what you mean?

8

hey @tjuliana

please chage this file code .

bar.png
bar.png1281×525 334 KB

and add to code { font-size : x-large; }

thank you so much

khilan

9

Thank you. Is this on theme.css?

10

hi @tjuliana

yes .

thank you

11

Hi Im sorry, Im not sure where to find it on css. I just searched for the variables but i couldnt find this piece. Could you be more specific? Thank you.

12

hi @tjuliana

please search this file in AnnouncementBar-Content.heading in theam.css

thank you so so much

khilan

13

Go to Online Store > Themes > Actions > Edit Code – on the theme that you want to edit. Open your Assets folder and open your theme.css file – then copy and paste this to the bottom:

.AnnouncementBar__Content {
    font-size: 24px;
}

Just change the pixel value to be whatever you want.

2 Likes
14

Thank you so much, this was much helpful @Ninthony

15

Should this work for mobile version @Ninthony ?

@media screen and (min-width: 641px) {
.AnnouncementBar__Content {
font-size: 12px;
}

Thank you!

16

Try max-width, not min-width and don’t forget the closing curly brace for the media query.

17

thank you it didnt work.

Any idea what i may be doing wrong? thank you so much

18

I’ll have to get back to you a little later, Im not at a computer at the moment so I cant check.

2 Likes
19

sounds good thank you so much

1 Like
20

Here you go, this is working if I paste it at the end of your theme.css file:

@media (max-width:767px){
  .AnnouncementBar__Content {
  font-size: 12px;
  }
}
2 Likes