How do i make the words in my announcement bar bold?

Store Design
, ,
1

https://charmente.com/products/v-back-flared-jumpsuit

It shows up as bold on the website when you go on desktop. But when you load the website on mobile it looks totally different.

2

Hi @Simon159

The announcement text have default of 400 size weight. If you like to morebolder you can add 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:

Made4uoRibe_0-1702502925247.png
Made4uoRibe_0-1702502925247.png431Ă—255 15.9 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

did not work on mobile.

4

Hi @Simon159 ,

Which browser are you using on mobile, if it is Safari, you can try adding this in base.css

body * {
  -webkit-font-smoothing: antialiased;
}

Hope it helps @Simon159