Solved

How to bold text in announcement banner?

empiricalarby
Pathfinder
151 1 27

https://empiricalwater.com/

 

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

 

How do I make that bold?

 

Thanks!

Accepted Solution (1)
webwondersco
Shopify Partner
1035 157 154

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. 🙂

View solution in original post

Replies 3 (3)

webwondersco
Shopify Partner
1035 157 154

@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. 🙂
empiricalarby
Pathfinder
151 1 27

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
1035 157 154

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. 🙂