Announcement Bar Image

Solved
Highlighted
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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0
www.whiteivoryco.com

It is still in maintenance mode
0 Likes
Highlighted

This is an accepted solution.

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Community Moderator
Community Moderator
3044 227 497

This is an accepted solution.

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 | Community Moderator @ 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
Highlighted
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