Skip to main content

How to change the color of the bouncing ‘scroll down’ text?



  • Tatiyana Graf

    You can change the color of that text in the cover block settings. There is a 'text color' option for title on the cover block, but it also determines the color of the scroll down text. It took me a while to find it but it's cool to have an option for that.

  • Daniel Martinez

    I used custom CSS to do this.  I created a background for it and added little arrows.  Here's the custom css code I used to change the "Scroll Down" text:
    (Note:  The css required may be different depending on your theme)\:block > p {
        color: turquoise;
        margin-bottom: -16px;
        font-weight: bolder;
        background-color: #007223;
        opacity: 80%;
        width: 235px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 8px;
        border: 2px inset #eff1e8;
        font-style: italic;
        font-variant: small-caps;
    }\:block > p::before {
    content: "↓  ";
    }\:block > p::after {
    content: "  ↓";


Please sign in to leave a comment.