diff --git a/web/themes/custom/geofresco/src/global/_components.scss b/web/themes/custom/geofresco/src/global/_components.scss
index 3377c48..76e3677 100644
--- a/web/themes/custom/geofresco/src/global/_components.scss
+++ b/web/themes/custom/geofresco/src/global/_components.scss
@@ -50,3 +50,11 @@
 .block-page-title-block {
   padding: 1rem 1.5rem;
 }
+
+/**
+ * Give enough of a background around text in the footer that it is legible on
+ * any part of the grassy field image used as the background.
+ */
+.footer .views-field {
+  background-color: rgba($green-gray, 0.4);
+}