Footer

Description

The footer lives at the bottom of the page. This is a great spot to put social icons, FAQs, contact information, and links to other pages.

7.0 Brine Template
7.0 Bedford Template
7.0 Pacific Template
7.0 York Template
7.1

Custom CSS

For style changes across multiple pages, add the code snippet to your Custom CSS panel and each page will be updated.

Advanced Code Injection

For style changes on one page, add the code snippet to the page Advanced Code Injection so only that page will be updated. Enclose your code in style brackets like this:

<style>

.footer {
}

</style>

Custom CSS

7.1

/* all footer sections */
#footer-sections {
}

7.0 Brine Template

To target the entire footer

/* entire footer */
.Footer {
}

To target the top footer

/* top footer */
.Footer-blocks--top {
}

To target the middle footer

/* middle footer */
.Footer-blocks--middle {
}

To target the bottom footer

/* bottom footer */
.Footer-blocks--bottom {
}

To remove the footer navigation

/* footer navigation */
.Footer-nav {
}