How to create a custom scrolling announcement bar for Debut theme?

Hi - I would like to create a custom scrolling announcement bar for my site: https://foodoverdrugs.com/

I would like to add another line of text to the announcement bar and animate it scrolling on a loop.

Can someone help me out with the code? Where would I place the code?

Thank you!

1 Like

@anelimk

sorry for that issue yes you can try If you’re comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding provided by scrolling announcement
or let me know if are don’t able to this

2 Likes

Hi! How do you make the text bold and the bar a little thicker in width?

1 Like

@ITQG

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

https://itsthequestiongame.com

I figured it out luckily! But do you know how to add spacing between the black background gallery images?

1 Like

@ITQG

yes, please share screenshot where did you add spacing

I’d like spacing between these three images

1 Like

@ITQG

thanks for more details can you try code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.image-bar__item {margin: 5px 0px;}
}

For some reason that didn’t work. Do you have another suggestion? Thanks

Hello,

Code is working fine, thanks ! however is it possible to change the font and its size ?

1 Like

@Chabax

yes, please share your store url so i will check and let you know

How can I put an image to it and make it like an logo slider banner with link that can be attached to each logo?

Hello I was able to add this to my theme however I cannot get more than one message to appear and I cannot get it to scroll across the screen. Please can you help?