Our aim is to equip Squarespace users to take their websites to the next level.
Here are some easy-to-install pieces of code that will give your site a little spice.
Red ‘like’ heart icons
This CSS snippet will turn the like icons on your blog posts red.
.sqs-simple-like .like-count:before {color: #EF4836;}
.sqs-simple-like:hover .like-count:before {color: #96281B;}
.sqs-simple-like.clicked .like-count:before {color: #96281B;}
Hide the Announcement Bar Close icon
Remove the X and prevent visitors from closing your announcement bar.
.sqs-announcement-bar-close {display: none;}
Give your site a margin
This CSS snippet will give your site a margin, and color the background. Change the hex code (6 digit number after the ‘#’ to alter the background color.
body {margin: 15px !important; background-color: #e7e7e7;}