Follow variables are useable :
- $album : Contain information about the first album
- $albums : Contain information about all albums
- $galleries : Contain all galleries inside this album
- $pagination : Contain the pagination content
+ $album : Contain information about the first album
+ $albums : Contain information about all albums
+ $galleries : Contain all galleries inside this album
+ $pagination : Contain the pagination content
You can check the content when you insert the tag <?php var_dump($variable) ?>
If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
<div class="ngg-albumoverview">
- <!-- List of galleries -->
- <?php foreach ($galleries as $gallery) : ?>
+ <!-- List of galleries -->
+ <?php foreach ($galleries as $gallery) : ?>
- <div class="ngg-glmalbums small-6 medium-4 large-3">
- <div class="ngg-album-compactbox">
- <div class="ngg-album-link">
- <a class="Link" href="<?php echo nextgen_esc_url($gallery->pagelink) ?>">
- <img class="Thumb" alt="<?php echo esc_attr($gallery->title) ?>" src="<?php echo nextgen_esc_url($gallery->previewurl) ?>"/>
- </a>
- </div>
- </div>
+ <div class="ngg-glmalbums ngg-album-compact small-6 medium-4 large-3">
+ <div class="ngg-album-compactbox">
+ <div class="ngg-album-link">
+ <a class="Link" href="<?php echo nextgen_esc_url($gallery->pagelink) ?>">
+ <img class="Thumb" alt="<?php echo esc_attr($gallery->title) ?>" src="<?php echo nextgen_esc_url($gallery->previewurl) ?>"/>
+ </a>
+ </div>
+ </div>
<?php if (!empty($image_gen_params)) {
$max_width = 'style="max-width: ' . ($image_gen_params['width'] + 20) . 'px"';
} else {
$max_width = '';
} ?>
-
-
-
+ <section class="album-meta-wrapper">
<h4>
<a class="ngg-album-desc"
title="<?php echo esc_attr($gallery->title); ?>"
<?php } ?>
</p>
-
- </div>
-
- <?php endforeach; ?>
-
- <!-- Pagination -->
+ </section>
+ </div>
+ <?php endforeach; ?>
+ <!-- Pagination -->
<br class="ngg-clear"/>
- <?php echo $pagination ?>
+ <?php echo $pagination ?>
</div>
<?php endif; ?>
display: block;
width: 100%;
}
+.ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box {
+ float: none !important;
+}
+.ngg-album-compact h4 .ngg-album-desc {
+ height: auto !important;
+ font-family: $font-family-serif;
+ font-weight: 400;
+}
+.ngg-album-compact .album-meta-wrapper h4 a {
+ font-style: normal;
+}
+.album-meta-wrapper {
+ display: block;
+ height: 54px;
+ margin-bottom: 20px;
+}
+.ngg-glmalbums {
+ margin: 10px 0;
+}
+/* Ninja Forms */
+.ninja-forms-form-wrap {
+ max-width: 600px;
+ margin: 0 auto;
+ input[type=submit] {
+ @include button();
+ display: block;
+ margin: 0 auto;
+ }
+}
/* For fixing cellphones not showing phone numbers because of /helpful/ auto-coloring */
a[href^=tel]{
color:inherit;