Announcement bar with bold text

Store Design
1

Im looking to make the text in my announcement bar bolder. Please help :slightly_smiling_face:

https://www.afterhoursgallery.co.uk/

1 Like
2

Hello @Johnnycrev

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > main.css and paste this at the bottom of the file:
.m-announcement-bar__content {
font-weight: bold;
}

devcoders_0-1745077132898.png
devcoders_0-1745077132898.png1340×286 138 KB

3

Hello there Johnny @Johnnycrev You should check out this process here and I believe it should work for you

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :
<style>
p.announcement-bar__message.center.h5 {
    font-weight: bold;
    font-size: 15px;
}
</style>

Let me know if this works for you!

4

Hi @Johnnycrev

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file main.css and add this code at the end of the file

.m-announcement-bar__content {
    font-weight: bold !important;
}

Result

DaisyVo_0-1745079041455.png
DaisyVo_0-1745079041455.png1269×1042 392 KB

Best,

DaisyVo

5

Hey @Johnnycrev ,

Please paste this code in the end of “main.css” file.

.m-announcement-bar__content{
     font-weight: bold;
}

Here is how you can find main.css file.

Go to Shopify Admin > Online Store > Edit Code > base.css