Support » Plugin: NextGEN Gallery - WordPress Gallery Plugin » [Plugin: NextGEN Gallery] Navigation Positioning and bits

Viewing 4 replies - 1 through 4 (of 4 total)
  • u have to change the html u put in nextgen-gallery
    it is simple

    Could you please assist me?

    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;
    }

    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.