WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
Center Images in Slideshow Widget (6 posts)

  1. searchen
    Member
    Posted 1 year ago #

    Hi!...
    could someone help me with the CSS to center a slideshow image in the sidebar? At the moment it is displaying Left aligned.

    Many thanks
    peter

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

  2. jmek
    Member
    Posted 1 year ago #

    I'm having the same problem. There seem to be several layers of centering--my slideshow begins to load in the centered position but then jumps to left-aligned when it is fully loaded.

  3. tizz
    Member
    Posted 1 year ago #

    I'm interested in this too. The difference is that in my slideshow widget images tends to float to right from the very beginning loading 'til the end. The non-centered result is more evident in vertical photos. I noticed that if I change or remove all of the CSS widget code, this:

    /* ----------- Sidebar widget -------------*/
    
    .ngg-widget,
    .ngg-widget-slideshow {
    	overflow: hidden;
    	margin:0pt;
    	padding:5px 0px 0px 0pt;
    }
    
    .ngg-widget img {
    	border:2px solid #A9A9A9;
    	margin:0pt 2px 2px 0px;
    	padding:1px;
    }

    Absolutely nothing changes, so maybe something must be changed in CSS general slideshow code, or in JS slideshow, or maybe in /widgets.php file?
    Photocrati, or some code wizard, can you help us in some way?

  4. tizz
    Member
    Posted 1 year ago #

    Solved by simply adjusting the size of the widget from the widget itself, starting from the exact half of the full-slideshow. Define the width until you see that the image moves in the desired direction, then adjust the length.

  5. LanMc
    Member
    Posted 1 year ago #

    There is a link embedded in the css style files that takes us to a page that explains how to center the slideshow. It worked for me!

    Taken directly from the Nextgen Style CSS file:
    /* See also : http://www.brunildo.org/test/img_center.html */

  6. tizz
    Member
    Posted 1 year ago #

    The problem for me was the slideshow widget, not the "normal" slideshow in a wide page, and not the widget itself, but images inside of it.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic