HOW TO ADD A ANNOUNCEMENT BAR WITH MARQUE (CARROUSEL) STYLE WITH MULTIPLE DIFFERENT ANNOUNCEMENTS?

Hi ,

I’m looking to have an announcement bar with marque carrousel style in which it displays different announcements. However, I’m not looking for a sliding style rather I’m looking for a style which the announcements keep moving from right to left non stop displaying different announcements with proper spacing to distinct one announcement from the other.

Thank you in advanced.

2 Likes

Hi there @Rose121994 ,

There are many ways to do this. With the app, with JQuery/JS, and with plan HTML CSS. If you are not willing to go with code, then look for an app.

If you are interested in coding solution here is the tutorial to do so in plan HTML, CSS

https://www.html.am/html-codes/marquees/html-scrolling-text.cfm

1 Like

@Rose121994

yes, please 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

https://codepen.io/rafaelcastrocouto/pen/nPOEqE

https://codepen.io/JKudla/pen/vyXBpO

1 Like

How do I add spacing between each announcements its looking very clutter.Please see attached picture

1 Like

@Rose121994

oh sorry to trouble that issue, can you please share store url so i will check and let you know

https://www.roselurecouture.com

PW:krukau

@Rose121994

you have add more spacing current code try this

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_ent_nbsp

do I have to change this code just for the announcement bar?