Pride Banner

Install Steps

Pride Banner πŸ³οΈβ€πŸŒˆ

Submitted by Minimist Design Works with all template families

lgbtheadercolor.png

Step One

Go into the settings of any specific page or index: Advanced > Page Header Code Injection

Page_Injection_Access.gif

Step Two

Copy and paste the below code in the Page Header Code Injection box.

<div class="pride-banner"></div>

Step Three

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Four

Copy and paste the code below into the Custom CSS Editor box.

// Pride Banner //

.pride-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 10px; //adjust this modify the banner height
  z-index: 9999;
  background: repeating-linear-gradient(
    90deg,
    red,
    orange 20%,
    yellow 40%,
    green 60%,
    blue 80%,
    purple 100%
  )
}

Step Five

To adjust the banner’s thickness, change the height: 10px value to the desired size.

Save and refresh the page. πŸ‘

Moov Labs