WordPress.org

Ready to get started?Download WordPress

Forums

WordPress NextGen GalleryView
Move Caption below photo instead of overlay (6 posts)

  1. aalim
    Member
    Posted 2 years ago #

    Hi.

    Currently i called to display gallery by using:
    [galleryview id=1]

    and on the galleryview settings, i set to view caption bottom. what appear is the caption is overlayed on the image.

    how do i move the caption to be right below the images instead of overlayed on top of it.

    thank you

    http://wordpress.org/extend/plugins/wordpress-nextgen-galleryview/

  2. Hachiko
    Member
    Posted 2 years ago #

    Hi aalim,
    Did you find a solution to your query? I am also looking for a slidshow with caption below the image.
    Thanks

  3. billseymour
    Member
    Posted 2 years ago #

    +1 from me, as well. I'd very much like to see an option to place the caption below the image.

  4. chironex
    Member
    Posted 2 years ago #

    looking for that. already tried different things without success.

    I guess there is something to change in the jquery.galleryview-2.0.js around line 868.
    any suggestions?

  5. chironex
    Member
    Posted 2 years ago #

    ok, guess i found a solution (not the best but seems to work):

    just add the following code to your themes style.css:

    .nav-next, .nav-prev , .strip_wrapper {
    	margin-top: 60px;
    	}
    
    .galleryview {
    	margin-bottom: 60px;
    	}
    
    .panel {
    	padding-bottom: 60px;
    	}
    
    .panel .panel-overlay, .overlay-background{
    	color: #666 !important; /* text-color of the captions */
    	}

    then go to file jquery.galleryview-2.0.js in the galleryview plugin folder on line 425; below

    // Set the height and width of each panel, and position it appropriately within the gallery

    and replace
    'height':(opts.panel_height-extraHeight(j_panels))+'px',

    'height':(opts.panel_height-extraHeight(j_panels))+60+'px',

    this adds 60px of the panel's height

    so you have 60px below the picture to show the captions

    just try and report

  6. mitzietfab
    Member
    Posted 1 year ago #

    Hi chironex!

    Thanks for the code.

    I tried the first step of adding to style.css and that worked to expand the layout of the gallery. Now I want to move the caption in the available space. I can't even find the file
    jquery.galleryview-2.0.js
    duur...where is it?
    I looked in plugin folder of galleryview but this is all I have:
    wordpress-nextgen-galleryview/nggGalleryView.php
    wordpress-nextgen-galleryview/readme.txt
    wordpress-nextgen-galleryview/GalleryView/license.txt
    wordpress-nextgen-galleryview/nggGalleryViewSharedFunctions.php

    Also, any advice on how to change the background color of the whole gallery?
    And how to change the color of caption background/caption text?

    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic