Image titles were running off and expanding the parent element

diff --git a/css/app.css b/css/app.css
index 475f626..64c87b4 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6155,12 +6155,14 @@ article h2 {
 
 .ngg-fancybox .photoTitle {
   color: white;
-  font-weight: bold; }
+  font-weight: bold;
+  max-width: 220px; }
 
 .ngg-fancybox .photoHead {
   color: white;
   font-style: normal;
-  text-decoration: none; }
+  text-decoration: none;
+  max-width: 220px; }
 
 .ngg-fancybox img {
   margin: 0 !important; }
@@ -6180,9 +6182,10 @@ article h2 {
 .ngg-galleryoverview {
   padding: 20px; }
 
-/*    .ngg-gallery-thumbnail img {
-        margin: 0 !important;
-    }*/
+.ngg-gallery-thumbnail span {
+  max-width: 220px;
+  max-height: 75px; }
+
 .ngg-gallery-thumbnail-box {
   margin: 5px 0 !important;
   border: 1px solid black;

diff --git a/scss/site/_structure.scss b/scss/site/_structure.scss
index 7ce6431..b0e965e 100644 (file)
--- a/scss/site/_structure.scss
+++ b/scss/site/_structure.scss
@@ -663,11 +663,13 @@ article h2 {
     .ngg-fancybox .photoTitle {
         color: white;
         font-weight: bold;
+        max-width: 220px;
     }
     .ngg-fancybox .photoHead {
         color: white;
         font-style: normal;
         text-decoration: none;
+        max-width: 220px;
     }
     .ngg-fancybox img {
         margin: 0 !important;
@@ -688,9 +690,10 @@ article h2 {
     .ngg-galleryoverview {
         padding: 20px;
     }
-/*    .ngg-gallery-thumbnail img {
-        margin: 0 !important;
-    }*/
+    .ngg-gallery-thumbnail span {
+        max-width: 220px;
+        max-height: 75px;
+    }
     .ngg-gallery-thumbnail-box {
         margin: 5px 0 !important;
         border: 1px solid black;