How to add an image to your Squarespace announcement bar // Squarespace Announcement Bar Image скачать в хорошем качестве

How to add an image to your Squarespace announcement bar // Squarespace Announcement Bar Image

I love the announcement bar feature in Squarespace, especially because it’s so easy to change with custom CSS! 🎉 In this tutorial, we’ll use some simple code to change the background color and then some fancy code to add an image to the side of the announcement bar. If you want to use an image for the entire background, check out this tutorial: https://insidethesquare.co/squarespac... Here is the example code from the tutorial. Be sure to update this with your own image URL and change the values for size and placement so it looks perfect on your own unique website. .sqs-announcement-bar{ background:#e5f5f6 } .sqs-announcement-bar-text::before { background-image: url(url-here); background-position: center; background-repeat: no-repeat; background-size:contain; content: “ “; display: block; height: 4rem; width: 4rem; margin-left: 10vw; margin-bottom: -2rem } .sqs-announcement-bar-text-inner {transform:translatey(-1rem)} @media only screen and(max-width: 640px){ .sqs-announcement-bar-text::before { margin-left: 30vw; margin-bottom: 1rem } } - - ❤️ Like this tutorial? Buy me a coffee to say thanks! ☕ https://buymeacoffee.com/insidethesquare - - 📑 Get access to my collection of CSS codes for Squarespace at https://insidethesquare.co/css - - 🙋 Need some help? Visit ​https://insidethesquare.co/code-help​ to see my current support options. - - 💻 WEBSITE → https://insidethesquare.co 📧 NEWSLETTER → https://insidethesquare.co/email 🤳 INSTAGRAM →   / thinkinsidethesquare   👍 FACEBOOK →   / insidethesquare   📌 PINTEREST →   / insidethesquare   - - 💸 GET 10% OFF YOUR FIRST YEAR OF SQUARESPACE 💸 Use my affiliate link and code INSIDE10 - You'll save 10% off your first annual subscription & Squarespace will give me a little commission for sending you their way 😎 🔗 INSIDE10 → https://insidethesquare.co/inside10 - - The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥