How to Customize Your Shopify Announcement Bar | 2024 Tutorial
This video is your one-stop guide to customizing the Announcement Bar in Shopify. We'll walk you through everything you need to know, including: How to edit the announcement text to grab your customers' attention, Increasing the padding for a cleaner, more spacious look, and how to add a background image to make your announcements truly standout.
By the end of this video, you'll be a Shopify Announcement Bar pro!
Lens Filter Kit I mentioned https://amzn.to/4aHQwkk
This is an affiliate link. As an Amazon Associate I earn from qualifying purchases at no additional cost to you. Thanks for your support🫶🏽
Code used in tutorial:
/change Text/
p {
color: white;
font-size: 18px;
font-weight: bold;
padding: 20px;
}
/change color of caret /
.slider-button {
display: none;
}
/ background image/
.utility-bar {
background: url("IMAGE_URL");
background-repeat: no-repeat;
background-size: cover;
}
Timestamps ⌚️
00:00 How to customize the Announcement Bar in Shopify
02:15 How to customize the Announcement Bar Text
09:02 How to increase the padding to the Announcement Bar
10:15 How to change the appearance of the Announcement Bar arrows
11:33 How to add a background image to the Announcement Bar
12:20 Image Tips
Related video’s you should watch:
Shopify's Color Scheme 👉🏽 • Shopify's Color Scheme 2023 UPDATE 🎨
How to Change Your Header Menu Font Case in Shopify 👉🏽 • How to Change Your Header Menu Font Case i...
Shopify Navigation Menu Easy Text Color & Size Change 👉🏽 • Shopify Navigation Menu Easy Text Color & ...
📑 Get access to my Shopify Pre-Launch Checklist list at https://betsylugo.com/shopify-checklist/
🔔 Thanks for watching and be sure to subscribe for more awesomeness!
⚞⚞⚞⚞⚞☕️ ABOUT ☕️⚟⚟⚟⚟⚟
Learn how to design & customize your Shopify website. Subscribe to be notified when a new video is released. I pledge to keep the tutorials simple, short, and helpful!
I’m a self-taught web designer, super-nerd, and a Shopify partner. Owner of Betsy Lugo Creative ☕ I drink an insane amounts of coffee, so if you want to say thanks for a helpful video, buy a coffee! https://www.buymeacoffee.com/bl.creative 📺 I watch way to much Netflix ✈️ I love to travel.
👉🏽LET'S CONNECT
Say hi on Insta / betsy_oficial
Follow me on Pinterest / bl_creative
Work with me https://www.betsylugo.com
Join Commerce Connection - A monthly newsletter sharing Shopify news and updates, ecommerce trends, freebies and more! https://betsylugo.com/monthly-newslet...
👉🏽 TOOLS & SYSTEMS I LOVE
Several clients have requested that I post my affiliate links so that they can register through them as a thank-you for my free tutorial content here on YouTube. Thank you so much for your support! If you would like to use my affiliate links, I would greatly appreciate 🙏🏾
My social media management system https://my.mtr.cool/QQKZQD
Protect your business https://bit.ly/BLC-Policies
Custom Shopify sections https://bit.ly/BLC-Sections
Product mockups https://bit.ly/BLC-Mockups
My favorite themes https://bit.ly/BLC-Themes
Want more? Check out my resources page https://betsylugo.com/resources/
The term "Shopify" is a trademark of Shopify Inc. and the term "Canva" is a trademark of Canva Inc. This video was not approved or endorsed by them. I just really love their platforms ♥
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!
#shopify #announcementbar #customizeshopify