How can I make text bold in an announcement banner?

Solved

How can I make text bold in an announcement banner?

empiricalarby
Trailblazer
230 1 51

https://empiricalwater.com/

 

At the very top, "Concentrates ship free..."

 

How do I make that bold?

 

Thanks!

Accepted Solution (1)
webwondersco
Shopify Partner
1160 169 169

This is an accepted solution.

@empiricalarby remove the above CSS and replace it with below:

 

.announcement-bar:first-child .announcement-bar__message{font-weight:bold;}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram

View solution in original post

Replies 3 (3)

webwondersco
Shopify Partner
1160 169 169

@empiricalarby Please add the below line of CSS code at the end of your base.css file.

 

.announcement-bar__message{
font-weight:bold;
}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
empiricalarby
Trailblazer
230 1 51

Thank you, an issue is that this applies to both my banners. how do I apply it only to the top one? Thanks

webwondersco
Shopify Partner
1160 169 169

This is an accepted solution.

@empiricalarby remove the above CSS and replace it with below:

 

.announcement-bar:first-child .announcement-bar__message{font-weight:bold;}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram