Jump to content

How to make an announcement bar have multiple announements?

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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>
  $(window).on("load", function() {
      autoplay: true,
      arrows: false,
      autoplaySpeed: 3000
  .sqs-announcement-bar-text-inner:not(.slick-initialized) p {
    font-size: 0;

Official Squarespace Expert  |  Founder @ Winn-Brown & Co. 

👉  Get in Touch

📍 London, UK

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.