From 6fdb8258a6699a8faa56639ccc956471c767a7c7 Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Tue, 12 Apr 2016 14:50:40 -0400
Subject: [PATCH] Nextgen titles now use h4. Responsiveness added for font size

---
 css/app.css                             | 6 ++++++
 nggallery/gallery-glmphotos-light-3.php | 4 ++--
 scss/plugins/_nextgen.scss              | 8 ++++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/css/app.css b/css/app.css
index e27b0d8..1a62ce6 100644
--- a/css/app.css
+++ b/css/app.css
@@ -7040,6 +7040,12 @@ h2#block-title {
   #gallery-glmphotos-light-3 .photoTitle:hover a.ngg-fancybox:before, #gallery-glmphotos-light-3 .photoTitle:hover a.ngg-fancybox:after, #gallery-glmphotos-light-5 .photoTitle:hover a.ngg-fancybox:before, #gallery-glmphotos-light-5 .photoTitle:hover a.ngg-fancybox:after {
     transform: scaleX(1);
     border-color: #0568b3; }
+  @media only screen and (max-width: 40em) {
+    #gallery-glmphotos-light-3 .photoTitle h4, #gallery-glmphotos-light-5 .photoTitle h4 {
+      font-size: 16px; } }
+  @media only screen and (min-width:40.063em) and (max-width:64em) {
+    #gallery-glmphotos-light-3 .photoTitle h4, #gallery-glmphotos-light-5 .photoTitle h4 {
+      font-size: 20px; } }
   #gallery-glmphotos-light-3 .photoTitle a.ngg-fancybox, #gallery-glmphotos-light-5 .photoTitle a.ngg-fancybox {
     max-height: 40px;
     padding: 8px 0;
diff --git a/nggallery/gallery-glmphotos-light-3.php b/nggallery/gallery-glmphotos-light-3.php
index 408c538..58d0f26 100644
--- a/nggallery/gallery-glmphotos-light-3.php
+++ b/nggallery/gallery-glmphotos-light-3.php
@@ -82,10 +82,10 @@ Follow variables are useable :
                         data-title="<?php echo esc_attr($image->alttext); ?>"
                         data-description="<?php echo esc_attr($image->description); ?>"
                         <?php echo $image->thumbcode ?> >
-                            <div title="<?php echo esc_attr($image->alttext) ?>"
+                            <h4 title="<?php echo esc_attr($image->alttext) ?>"
                                 alt="<?php echo esc_attr($image->alttext) ?>">
                                 <?php if (!$image->hidden) { echo esc_attr($imageTitle); }?>
-                            </div>
+                            </h4>
                         </a>
                     </div>
                 </div>
diff --git a/scss/plugins/_nextgen.scss b/scss/plugins/_nextgen.scss
index aa4c94a..7536fd5 100644
--- a/scss/plugins/_nextgen.scss
+++ b/scss/plugins/_nextgen.scss
@@ -347,6 +347,14 @@
             
             
         }
+            h4 {
+                @media #{$small-only} {
+                    font-size: 16px;
+                }
+                @media #{$medium-only} {
+                    font-size: 20px;
+                }
+            }
         a.ngg-fancybox {
             max-height: 40px;
             padding: 8px 0;
-- 
2.17.1