How do i edit my annoucement bar fonts sizes ?

Highlighted
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
Highlighted
Shopify Partner
1172 34 221

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

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

 

Available for hiring. Reach me at lixon@ecommercestudio.in
Highlighted
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
Highlighted
Shopify Partner
1 0 3

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;}

 

Highlighted
New Member
1 0 0

This doesn't work on my Supply theme.

 

revolutionary-t-shirts.com

 

Would be grateful for any advice, also on removing padding on header and footer. Thanks and regards

 

Steve

0 Likes
Highlighted
New Member
5 0 0

Same here, it does'nt work. Is there a way this could work? Thanks.

0 Likes
Highlighted
Tourist
13 0 3

Works when changing the font size, but how do I change the width of the actual bar?

Highlighted
Tourist
3 0 1

it works on the mobile view but there are some glitches or crosses along the webpage when in desktop view. can you help?

0 Likes
Highlighted
New Member
1 0 0

I also have the same question. How to change bar width?

0 Likes
Highlighted
New Member
1 0 0

He always help me. Recommend.

shopify announcement bar edit.jpgshopify header edit.jpg

https://www.fiverr.com/share/L3Gm9p

0 Likes