Dawn theme - font size change on announcement bar

Store Design

Topic summary

A user wants to increase the font size and make the announcement bar text bold on their Shopify store using the Dawn theme.

Two CSS solutions were provided:

  1. base.css method: Add code to the end of base.css file (Shopify Admin → Online Store → Theme → Edit code → base.css):

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

    Adjust the pixel value as needed.

  2. Custom CSS method: Add code via Theme Settings → Custom CSS:

    .announcement-bar * {
    font-size: 20px !important;
    font-weight: 900 !important;
}

    This solution includes both size increase and bold styling.

Both approaches target the announcement bar styling, with the second option being more comprehensive as it addresses both the font size and bold weight requirements in one snippet.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

I use Dawn and want to increase the font and make it bold on my announcement.

2

@WW3311 Can you please share this page link?

3

https://weaversweft.com/

Just getting started. Feel free to pass along any other suggestions.

4

@WW3311 - not able to see announcement text

5

@WW3311

please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

adjust number 18 as per the need

.announcement-bar__message{font-size: 18px;}
1 Like
6

Hi @WW3311

o complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.announcement-bar * {
    font-size: 20px !important;
    font-weight: 900 !important;
}

Here is the result:

image_720.png
image_720.png720×348 106 KB

I hope this helps

Best,

Daisy