Announcement bar font weight not changing

[Airri]

Want to change only the announcement bar font and weight. 

Font: source sans pro

Weight: regular

This is what I've added but the weight is still bold, it wont change to regular.

p.announcement-bar__message.h5 {
font-family: "Source Sans Pro", sans-serif;
font-weight: normal; /* regular */
}

airrishop.myshopify.com

[niraj_patel]

Hello @Airri 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  p.announcement-bar__message.h5 span {
     font-weight: 400 !important;
     font-family: sans-serif !important;
 }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Airri]

This works but is there anyway to have this code added in the Custom CSS area of the section instead of the theme.liquid file. Would like to keep it here if possible as to not forget if I ever need to adjust it. 

[niraj_patel · Accepted solution]

yes you can.

p.announcement-bar__message.h5 span {
     font-weight: 400 !important;
     font-family: sans-serif !important;
 }
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Airri]

Awesome! thanks!

[devcoders]

Hi @Airri 

Go to Online Store, then Theme, and click on Edit code.
Locate the file assets/base, and paste the code provided below at the end of the file.

.announcement-bar__message.h5 {
font-family: "Source Sans Pro", sans-serif;
font-weight: normal; /* regular */
font-size: 12px;
}

[Airri]

Didn't work still bold.

[devcoders]

Go to Online Store, then Theme, and click on Edit code.
Locate the file assets/plain-jane.css, and paste the code provided above at the top of the file.

.announcement-bar__message.h5 {
font-family: "Source Sans Pro", sans-serif;
font-weight: normal!important; /* regular */
font-size: 12px!important;
}

[BSSCommerce-HDL]

Hi @Airri, 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside tag head. You need create style tags. After you'll insert my code inside it

.announcement-bar p.announcement-bar__message.h5 {
    font-weight: 400 !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍