Buy me a coffee

Henson CSS

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;
}

 

2 thoughts on “Henson CSS”

  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