hello, i want to make my announcement bar text bold. my theme is dawn
website url is www.alexandrawestbrook.com
Topic summary
A user seeks to make the announcement bar text bold on their Shopify store using the Dawn theme. The announcement bar currently displays text in regular weight.
Solutions Provided:
Two community members offered CSS code solutions:
- Option 1: Add
font-weight: 600 !important;to.announcement-bar__messageclass - Option 2: Add
font-weight: 900 !important;top.announcement-bar__message.h5selector
Implementation Steps:
- Navigate to Shopify admin → Online Store → Themes
- Click Actions → Edit code
- Open the CSS file (base.css, style.css, or theme.css) in the Assets folder
- Paste the CSS code at the bottom of the file
- Save changes
Both solutions use the !important flag to override existing styles. The second option targets a more specific selector and uses a heavier font weight (900 vs 600). Screenshots demonstrate the expected visual result with bolder announcement text.
Status: Solutions provided, awaiting user confirmation of which approach worked.
1 Like
@ads18922 Hello
.announcement-bar__message {
font-weight: 600 !important;
}
Paste it on CSS customization
or paste on base.css
If its helpful please Like & Accept as solution Thanks
Hi @ads18922
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
p.announcement-bar__message.h5 {
font-weight: 900 !important;
}
- And Save.
- Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!