How can I make the announcement bar text bolder in the Shape's theme?

Store Design
, , ,
1

Using the Shape’s theme and would like my announcement bar text to be thicker. Thank you!

2

Hi @JimmyThat ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Hey thank you for responding. I think implement to the right but it’s still not bored before and after I put the code in this is what it looks like.

Screen Shot 2023-04-13 at 7.29.07 PM.png
Screen Shot 2023-04-13 at 7.29.07 PM.png828×462 30.3 KB

Screen Shot 2023-04-13 at 7.26.36 PM.png
Screen Shot 2023-04-13 at 7.26.36 PM.png882×152 11.7 KB

what I have.

4

Oh sorry about that, I mis-capitalized the first letter of the tag. Please try again with the code below. If it still doesn’t work, can you give me the website url, I will check it more carefully
5

Wow something small like that could mess it up. II had no idea. Unfortunately that did not solve it. The website is jimmythat.com i just remove the password lock so you could view it. Thank you again!

6

You can please try again with this code below:

PageFlyVictor_0-1681430942986.png

7

Hello @PageFly-Victor

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.bundle.css>Add this code at the bottom.

.text-sm.text-current.text-center.py-1.lg\:py-2 p {
     font-weight: bold !important;
}
8

Hi @JimmyThat

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

#AnnouncementBar .text-sm p {font-weight: lighter !important;}

Regards,

San