Title: [Plugin: NextGEN Gallery] Navigation Positioning and bits
Last modified: August 20, 2016

---

# [Plugin: NextGEN Gallery] Navigation Positioning and bits

 *  [mrjohnlatham](https://wordpress.org/support/users/mrjohnlatham/)
 * (@mrjohnlatham)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-navigation-positioning-and-bits/)
 * Hello, I’m looking for some help to reposition the navigation and image name 
   elements. You can view the current gallery [here](http://www.mrjohnlatham.com/places)
   and I’m looking to replicate [this.](http://www.mrjohnlatham.com/images/newsite.png)
 * Ignore the image size, I’ll sort that when I have the nav in the correct places.
 * Any help would be great. Thanks
 * [http://wordpress.org/extend/plugins/nextgen-gallery/](http://wordpress.org/extend/plugins/nextgen-gallery/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Mukesh Panchal](https://wordpress.org/support/users/mukesh27/)
 * (@mukesh27)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-navigation-positioning-and-bits/#post-3021141)
 * u have to change the html u put in nextgen-gallery
    it is simple
 *  Thread Starter [mrjohnlatham](https://wordpress.org/support/users/mrjohnlatham/)
 * (@mrjohnlatham)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-navigation-positioning-and-bits/#post-3021154)
 * Could you please assist me?
 *  Thread Starter [mrjohnlatham](https://wordpress.org/support/users/mrjohnlatham/)
 * (@mrjohnlatham)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-navigation-positioning-and-bits/#post-3021201)
 * For anyone that would like to help out here is my HTML code…
 *     ```
       <?php
       /**
       Template Page for the image browser
   
       Follow variables are useable :
   
       	$image : Contain all about the image
       	$meta  : Contain the raw Meta data from the image
       	$exif  : Contain the clean up Exif data
       	$iptc  : Contain the clean up IPTC data
       	$xmp   : Contain the clean up XMP data 
   
        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'] ?>
       **/
       ?>
       <?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($image)) : ?>
   
       <div class="ngg-imagebrowser" id="<?php echo $image->anchor ?>">
   
       	<div class="pic"><?php echo $image->href_link ?></div>
   
       	<h3><?php echo $image->alttext ?></h3>
   
       	<div class="ngg-imagebrowser-nav"> 
   
       		<div class="next">
       			<a class="ngg-browser-next" id="ngg-next-<?php echo $image->next_pid ?>" href="<?php echo $image->next_image_link ?>"><?php _e('Next', 'nggallery') ?></a>
       		</div>
   
       <div class="back">
       			<a class="ngg-browser-prev" id="ngg-prev-<?php echo $image->previous_pid ?>" href="<?php echo $image->previous_image_link ?>"><?php _e('Previous', 'nggallery') ?></a>
       		</div>
   
       <div class="counter"><?php _e('', 'nggallery') ?> <?php echo $image->number ?> <?php _e(' / ', 'nggallery')?> <?php echo $image->total ?> </div>
   
       		<div class="ngg-imagebrowser-desc"><p><?php echo $image->description ?></p></div>
       	</div>	
   
       </div>	
   
       <?php endif; ?>
       ```
   
 * And here is my CSS…
 *     ```
       /* ----------- Image browser style -------------*/
   
       .ngg-imagebrowser {
   
       }
   
       .ngg-imagebrowser h3 {
       	text-align:center;
       font-family: Arial, Verdana, sans-serif;
       font-size: 12px;
       line-height: 17px;
       float: left;
   
       }
   
       .ngg-imagebrowser img {
       	border: 0px solid #A9A9A9;
       	margin-top: 0px;
       	margin-bottom: 0px;
       	width: 100%;
       	display:block !important;
       	padding: 0px;
       }
   
       .ngg-imagebrowser-nav {
       	padding: 0px;
       	margin-left: 0px;
       }
   
       .ngg-imagebrowser-nav .back {
       	float:right;
       	border: 0px solid #DDDDDD;
       	margin-right: 0px;
       	padding: 0px 0px;
       }
   
       .ngg-imagebrowser-nav .next {
       	float: right;
       	border: 0px solid #DDDDDD;
       	margin-right: 0px;
       	padding: 0px 0px;
       }
   
       .ngg-imagebrowser-nav .counter {
       	float: right;
       	font-size: 12px !important;
       }
   
       .exif-data {
         	margin-left: auto !important;
           margin-right: auto !important;
       }
       ```
   
 *  Thread Starter [mrjohnlatham](https://wordpress.org/support/users/mrjohnlatham/)
 * (@mrjohnlatham)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-navigation-positioning-and-bits/#post-3021203)
 * I’ve done as much as I can up to now, all I need is a gap between the numbers
   and the word ‘Previous’ and a ‘Space / Space’ in between ‘Previous’ and ‘Next’.
   Also, there is a random line break above the navigation.
 * On top of this, how would I get the whole navigation to be under the grey line
   at the footer? Thanks

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘[Plugin: NextGEN Gallery] Navigation Positioning and bits’ is closed 
to new replies.

 * ![](https://ps.w.org/nextgen-gallery/assets/icon-256x256.png?rev=2083961)
 * [Photo Gallery, Sliders, Proofing and Themes - NextGEN Gallery](https://wordpress.org/plugins/nextgen-gallery/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/nextgen-gallery/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/nextgen-gallery/)
 * [Active Topics](https://wordpress.org/support/plugin/nextgen-gallery/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/nextgen-gallery/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/nextgen-gallery/reviews/)

## Tags

 * [gallery](https://wordpress.org/support/topic-tag/gallery/)
 * [navigation](https://wordpress.org/support/topic-tag/navigation/)
 * [positioning](https://wordpress.org/support/topic-tag/positioning/)

 * 4 replies
 * 2 participants
 * Last reply from: [mrjohnlatham](https://wordpress.org/support/users/mrjohnlatham/)
 * Last activity: [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-nextgen-gallery-navigation-positioning-and-bits/#post-3021203)
 * Status: not resolved