Customize and add an image to your Squarespace announcement bar (7.0 & 7.1) 

Want to create a super custom look for Squarespace's announcement bar? Then check out how you can make that happen with this week's CSS trick!
We'll not only add an image next to the announcement text, but we'll rearrange the content to create a really unique design that will lift eyebrows and catch looks, in a good way.
You can grab the code over here:
beatrizcaraballo.com/blog/cus...
------------------------------
//Links mentioned
Pin: pin.it/34VZKjS
Unicode arrow: www.toptal.com/designers/html...
-----------------------
//Timestamps
00:00 - Intro
00:44 - Overview of the existing content
01:34 - Re-aligning the announcement bar text
04:24 - Adding an image to the announcement bar
08:39 - Repositioning the image
09:54 - Customizing the arrow button inside bar
12:34 - Repositioning the content inside the announcement bar horizontally
18:33 - Making mobile adjustments
-----------------------
//Helpful links
⇝ Find the code you need amongst hundreds of Squarespace tutorials and snippets: beatrizcaraballo.com/codebase
⇝ Receive new Squarespace CSS tricks and exclusive offers on an often-ish basis: beatrizcaraballo.com/vip
⇝ Get in touch: beatrizcaraballo.com/contact
-------------------------------------------------------------------
Music from #Uppbeat (free for Creators!):
uppbeat.io/t/jonny-boyle/tres...
License code: DT8VYCZ0NE1FUHWY
Pop - small bubble by Joshua Chivers