How to change text size in Announcement Bar Dawn Theme

Store Design

Topic summary

A user seeks to increase the announcement bar text size in Shopify’s Dawn theme to match the size shown in an attached screenshot.

Proposed Solution:

  • Navigate to Online Store → Theme → Edit code
  • Open the base.css file
  • Add the CSS code: .announcement-bar__message { font-size: 16px; } at the bottom of the file

Current Issue:
One user reports the solution works on Collection/Product pages but the font still appears small on the Home page.

Status: Ongoing troubleshooting. Support members have requested the store URL to investigate the Home page discrepancy further.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Screenshot_20221203_054142_Shopify.jpg
Screenshot_20221203_054142_Shopify.jpg1080×2316 145 KB

I would the the Announcement to have the same size text as the picture with background 1. www.theblenderlove.com pw:thewell

2

@BlenderLoveGuy

oh sorry for that issue, can you try this code its work

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.announcement-bar__message {font-size: 16px;}
6 Likes
3

This has worked on Collection/Product pages, but the Home page font still appears small?

4

Hi @GoodVegans ,

I maybe able to help you with the problem of changing text size on all pages. Could you share the URL of your Shopify store?

Warm Regards,

Nafio Nabi

5

@NotYourBeast oh sorry for that issue can you please send your store url so i will check and let you know