(Squarespace) Adding a gradient to the primary buttons

To add a gradient to all secondary buttons, you can use this code to Custom CSS box.

a.sqs-button-element--primary {
     background: linear-gradient(360deg, #ea8038, #e56a34) !important;
    background: -webkit-linear-gradient(360deg, #ea8038, #e56a34) !important;
    -webkit-transition:all 0.3s ease-in-out!important;
    -o-transition:all 0.3s ease-in-out !important;
    transition:all 0.3s ease-in-out !important;
}

Result

1 Like