How do i edit my annoucement bar fonts sizes ?

New Member
4 0 0

How do I amend my announcement bar's font sizes and which .liquid i should head to. I have no knowledge about css but a simple step explanation could help me alot. Thank you.

0 Likes

Use this code at the very bottom of theme.scss.liquid (inside Assets)

.announcement-bar__message{ font-size: 18px}

 

Available for hiring. Inbox me lixonic[at]gmail[dot]com
2 Likes
New Member
4 0 0

Thanks it helps! Another question, how do i probably change the fonts and also bold the fonts. Would you be able to advise me on this as well ? Thank you.

0 Likes
New Member
1 0 1

Hey Aaron, been a long time since you posted this question but since no one answered I thought I would now.

 

To make it bold:

.announcement-bar__message{ font-size: 12px; font-weight: bold}

To change the font (say Arial in this example):

.announcement-bar__message{ font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

 

1 Like