WordPress.org

Ready to get started?Download WordPress

Forums

How to change appearance of NextGen slideshow links (3 posts)

  1. videosc
    Member
    Posted 2 years ago #

    I could really use the help of a PHP and CSS coding expert. In NextGen Gallery the links for "Show as slideshow" and "View with PicLens" show up on top of each other. I want to change this so that the links appear side by side and I also want the link to be a graphic button I created instead of the default text.

    I found the below code in the view/gallery.php file and added a css div class called "slideoptions" which I assume could be used to place the buttons next to each other, but I don't know the best way to code this... maybe a "float:left" command? I'm also wondering if there is something else I must do in the below php excerpt to make them appear side by side.

    Then I also need to know what code to replace/add in this php excerpt in order to use a graphic button for the link instead of the default text.

    I've had no luck finding an answer to this on my own so I'm hoping the solution will be a piece of cake for a PHP and CSS whiz. Thank you in advance to anyone who can help!

    <div class="slideoptions">
    <?php if ($gallery->show_slideshow) { ?>
    	<!-- Slideshow link -->
    	<div class="slideshowlink">
    		<a class="slideshowlink" href="<?php echo $gallery->slideshow_link ?>">
    			<?php echo $gallery->slideshow_link_text ?>
    		</a>
    	</div>
    <?php } ?>
    
    <?php if ($gallery->show_piclens) { ?>
    	<!-- Piclense link -->
    	<div class="piclenselink">
    		<a class="piclenselink" href="<?php echo $gallery->piclens_link ?>">
    			<?php _e('[View with PicLens]','nggallery'); ?>
    		</a>
    	</div>
    <?php } ?>
    </div>
  2. Pioneer Valley Web Design
    Member
    Posted 2 years ago #

    A site link that displays this likely css issue will help.

  3. videosc
    Member
    Posted 2 years ago #

    I don't have a public site up but you can see what the "Show as slideshow" and "View with PicLens" text links look like on almost any blog that uses NextGen Gallery. Check this page for an example of the "Show as slideshow" text link:

    NextGen Gallery Page Example

Topic Closed

This topic has been closed to new replies.

About this Topic