Henson Template: Interactive hover and on-scroll effects make this minimal website template uniquely engaging.
In this post
Notes
1. Adding Custom CSS to Home > Design > Custom CSS
2. Adding !important to after, if CSS doesn’t work! for example: font-size: 20px !important;
3. If it still doesn’t work, send me a message via Contact Form with your site url. I’ll give you exact CSS..
4. How to find Page ID: https://beaverhero.com/squarespace-how-to/
body#collection-56d86c682b8dde72910d59bd is Page ID. Each page will have different ID
Header
Hide Site Title
Entire Site
.site-title {
display: none;
}
One Page
body#collection-57acdb54d2b857e385b27b72 .site-title {
display: none;
}
Site Title Color
Entire Site
span.site-title {
color: #ff0000;
}
One Page
body#collection-57acdb54d2b857e385b27b72 span.site-title {
color: #ff0000;
}
Disable Site Title Link
Entire Site
h1.site-title {
pointer-events: none;
}
One Page
body#collection-57acdb54d2b857e385b27b72 h1.site-title {
pointer-events: none;
}
Header Background Color
Entire Site
header#siteHeader {
background: #ff0000;
}
One Page
body#collection-57acdb54d2b857e385b27b72 header#siteHeader {
background: #ff0000;
}
Header Full-width
header#siteHeader {
margin: 0;
padding: 4vw;
}
Remove Header
Entire Site
header#siteHeader {
display: none;
}
One Page
body#collection-57acdb54d2b857e385b27b72 header#siteHeader {
display: none;
}
Remove Strike in Collection Nav Item
.collection-nav-item.active a span {
text-decoration: none !important;
}
Featured Image: Squarespace.com
Hello there,
Thank you for creating this information.
Could you tell me how can I do, having only 1 line on the title, that this is seen centered on the screen? Currently, (on my website) the line fits in either the first or on the second line of the template and, if it is on the second, which I like better, the bottom links are not visible.
It would be very helpful to know how to do it.
Many thanks
Marta
You mean center this horizontal & vertical?
Spanish & Catalan translation