Index Indicator Scroll Text

indicator.png

Step One

From your Squarespace account, go to Code Injection: Settings > Advanced > Code Injection

Step Two

Copy and paste the code below into the Header Code Injection box.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Next, copy and paste the code below into the Footer Code Injection box.

<script>
$( document ).ready(function(){
  $(".Index-page-scroll-indicator-text").text(function () {
    return $(this).text().replace("Scroll", "YOUR TEXT HERE"); 
  });
}); </script>

Step Three

Change YOUR TEXT HERE to whatever you’d like. Have fun with it by adding emojis. 😄 🥑 🎉

Make sure you do not delete the quotation “ “ marks around the text.

Save and refresh the page. 👍

Moov Labs