Announcement Bar Image

Solved
New Member
4 0 0

Hello!

 

I am trying to place an image as my announcement bar background rather than a solid color. I cannot figure out how to do this, I've searched everywhere!  Any suggestions are appreciated! 

Thanks :)

0 Likes
Highlighted

Hello 

Please share your site url.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
New Member
4 0 0
www.whiteivoryco.com

It is still in maintenance mode
0 Likes

Success.

Hello @djrodas08 ,
Please add this code at the bottom of theme -> edit code -> assets -> theme.scss.liquid file

.announcement-bar__message {
	font-weight: 600;
	font-size: 16px;
}
.announcement-bar {
	background-image: url("https://cdn.shopify.com/s/files/1/0272/0766/3715/files/candles231.png?v=1571192685");
}

For more query feel free to direct communicate .

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like

Success.

Community Manager
Community Manager
2367 163 339

Hi @djrodas08,

 

Nick here from Shopify. 

 

@oscprofessional got it right here. Our theme support team gave it a quick test and can confirm it works. You can see this from the screenshot below testing it out: 

 

19-10-wxzon-as8jk

 

 

Nick | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
New Member
4 0 0

Thanks so much! It worked. I changed the picture to a different one, now I am just wondering how I can change the size of the image, so it does not appear so zoomed

0 Likes