Change Color On Hover Header Button

---

Description

Change the header button’s color when being hovered. This plugin uses css editor and works with Squarespace 7.1.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Change Color On Hover Header Button //

.header-actions .btn {
    transition: all 0.3s !important;
}
  
.header-actions .btn:hover {
   color: #ffffff;
   background-color: #2FDCC8;
   opacity: 1 !important;
}

---

Customize

Adjust the transition, color, and background color values.

---