How to make an announcement bar have multiple announements?

Hi there, 

I would like our announcement bar have two announcements with separate links, either as flashing alternations or as carousel slides that users can click through?

Any help would be much appreciated!

Thanks

Hey @Molololol

Try pasting this into the code injection area:

Let me know how that goes!

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script>
  $(window).on("load", function() {
    $(".sqs-announcement-bar-text-inner").slick({
      autoplay: true,
      arrows: false,
      autoplaySpeed: 3000
    });
  });
</script>
<style>
  .sqs-announcement-bar-text-inner:not(.slick-initialized) p {
    font-size: 0;
  }
</style>

Hey thank you! When I pasted that into the header code injection bit it made the text disappear and the announcement bar thinner, should I add anything in there to make it not do that?

Can you share the link? If you go to the announcement bar settings you should also have each piece of text you want to display on it's own line by hitting 'return' on the keyboard

The link to the site? It's https://www.elisefriedman.co.uk/

Okay I'll do that too thanks!

I can't see a change, I can see the text now when I increase the font size