WordPress.org

1. Rhand
   Member
   Posted 4 years ago #

   I have installed the wonderful NextGen Gallery plugin at a website project of mine. I have uploaded many images. But the gallery does not display the way I like too and not the way I had it before. I seem not to be able to change that in the plugin administration. And I haven't found the CSS I need to adapt.
   At the moment all thumbnails of a gallery are displayed as one column. Not as a nice block of let's say 10 by 10 images the way I like it. Does anybody know how to do that? What CSS file do I need to change? And how do I display all thumbnails as a block?

2. Rhand
   Member
   Posted 4 years ago #

   Hmm, when I opened the page in Konqueror it did display properly (all thumbnails as a block with neat borders). But it still displays as a column without borders in FF 3.0 Beta and Epiphany. I haven't tested it in IE6 yet as I am running Ubuntu right now. I will switch OS a little later. If somebody already checked out my site in Internet Explorer 6 or seven, please let me know how the thumbnails are displayed. Thanks!!

3. Rhand
   Member
   Posted 4 years ago #

   Well, I checked my site in IE7, FF2 and Safari. In Safari all is displayed just fine. In IE7 like in FF 3.0 Beta 5 and FF 2 the thumbnails are unfortunately all put in one column!! This is driving me mad :-(

4. WhisperT
   Member
   Posted 4 years ago #

   Well at the moment you are not using the nggallery.css, in order to use this you need to activate that in the options. Otherwise you would need to style it in your themes stylesheet. The default NextGen styles put the pictures into a nice grid.

5. Rhand
   Member
   Posted 4 years ago #

   Yes, but the strange thing is that I have selected the default style in Gallery under Style. Like that it is activated isn't it? And when I check out the source code I see ngg classes and ids. Like this snippet:
   

   <div class="ngg-galleryoverview" id="ngg-gallery-1"><div id="ngg-image-159" class="ngg-gallery-thumbnail-box ">
   	<div class="ngg-gallery-thumbnail"  >
   	<a href="http://www.xxx.xx/xxx/wp-content/gallery/atelier/atelier2.jpeg" title="" rel="atelier"><img title="atelier2.jpeg" alt="atelier2.jpeg" src="http://www.xxx.xx/xxx/wp-content/gallery/atelier/thumbs/thumbs_atelier2.jpeg" style="width:100px; height:75px;" /></a>

   from this page.

6. Rhand
   Member
   Posted 4 years ago #

   When I activated Black Minimalism as stylesheet my pages turned black first (style I guess), but then fell back to default colors and I received some errors in Firebug:
   'XML tag name mismatch (expected meta)
   http://www.xxx.xx/xxx/wp-content
   /plugins/nextgen-gallery/thickbox/thickbox-pack.js?ver=3.1.1
   Line 5
   jQuery is not defined
   http:///www.xxx.xx/xxx/atelier/
   Line 86'

   This is on the same page I mentioned before.

   In the source code I saw this :
   '<style type="text/css" media="screen">@import "http:///www.xxx.xx/xxx/wp-content/plugins/
   nextgen-gallery/css/Black_Minimalism.css";</style>
   <script type="text/javascript"> var tb_pathToImage = "http:///www.xxx.xx/xxx/wp-content/plugins/
   nextgen-gallery/thickbox/loadingAnimationv3.gif";</script>
   <style type="text/css" media="screen">@import "http:///www.xxx.xx/xxx/wp-content/plugins/
   nextgen-gallery/thickbox/thickbox.css";</style>'
   var tb_pathToImage = seems to be an unfinished piece of code here. That can't be right, can it?

   P.S. These backticks for code don't seem to be working...

7. Rhand
   Member
   Posted 4 years ago #

   Maybe I should reverse to NextGen Gallery 0.93? Well, but I don't hope / think that that is it. I am using NextGEN Gallery 0.95, A NextGENeration Photo gallery for the WEB2.0(beta) by the NextGEN DEV-Team now.

8. Rhand
   Member
   Posted 4 years ago #

   Well, topic resolved. I had to fix a javascript import syntax. Now the thumbnails do display properly. I only need to fix this error:
   

   document.body has no properties
   http://www.onboardcouriers.eu/verhoijsen/wp-content/themes/Verhoijsen2/float.js
   Line 2

   But that is something related to a javascript. Not to this topic so I will close it. Thanks for your help WhisperT!

Topic Closed

This topic has been closed to new replies.