How to Custom Text Background and Hover Effect in Squarespace

 Source Code:<< Background >>

==================================== #block{ background-color: RED } #block{ background: linear-gradient(130deg, YELLOW, GREEN) } #block{ background-image: url(https://static1.squarespace.com/static/647c803bb744834809eb989b/t/648d8b60559d9b679224023f/1686997857253/background-color-wallpaper-purple.jpg); background-size:cover } ==================================== Source Code:<< Hover >> ==================================== #block:hover{ background-color:blue!important; border-radius:35px 0!important; } .sqs-block-image:hover{ opacity:0.5; filter: grayscale(1) } .sqs-block-button-element:hover{ background-color:green!important; border-radius:0 20px 20px!important }