The Squarespace 7.1 footer uses the #footer or .sections--footer selector. Override the background-color on the footer's section wrapper to set any color you want.
If your footer has multiple sections or pre-footer areas, you may need to target the specific section by its data-section-id as well.
#footer {
background-color: #0d1b2a !important;
}
/* If footer has multiple sections, target the wrapper */
.sections--footer .page-section {
background-color: #0d1b2a !important;
}
/* Update footer text color to match */
#footer * {
color: #e0e0e0;
}
#footer a {
color: #a8dadc !important;
}Find the perfect footer colors with our Color Palette toolTry it free →
