Custom CSS for Henson Template Squarespace

Henson Template: Interactive hover and on-scroll effects make this minimal website template uniquely engaging.

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

2 thoughts on “Custom CSS for Henson Template Squarespace”

  1. 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

    Reply

Leave a Comment