Squarespace 7.1

Special Feature - Gradient on Headings

Squarespace 7.1

Heading 1

h1 {background: -webkit-linear-gradient(45deg, #c19ee0, #e5e9fd);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

h1:hover {background: -webkit-linear-gradient(20deg, #5c4da0, #e5e9fd);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

h2 {background: -webkit-linear-gradient(45deg, #5c4da0, #c19ee0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

h2:hover {background: -webkit-linear-gradient(90deg, #474747, #c19ee0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

h3 {background: -webkit-linear-gradient(45deg, #5c4da0, #c19ee0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

h3:hover {background: -webkit-linear-gradient(80deg, #474747, #c19ee0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

h3 {background: -webkit-linear-gradient(45deg, #fefdf6, #c19ee0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

h4:hover {background: -webkit-linear-gradient(30deg, #e5e9fd, #fefdf6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

Blog Round Corners - Image

section[data-section-id="665624a33d67e753d82b529e"] img {

border-radius: 30px;

}

Newsletter Field Round Corners

.newsletter-form-field-element{

border-radius: 10px;

border:1px solid #5c4da0!important

}

Squarespace 7.1