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

[Rose121994]

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. 

[UmairA · Accepted solution]

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

[UmairA · Accepted solution]

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

[KetanKumar · Accepted solution]

@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 

[Rose121994]

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

[KetanKumar]

@Rose121994 

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

[Rose121994]

https://www.roselurecouture.com

PW:krukau

[KetanKumar]

@Rose121994 

you have add more spacing current code try this 

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

[Rose121994]

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