How do I hack nextgen css to control thumbnail position?
-
Hi.
In summary, I am using the nextgen gallery plugin to show a list of galleries on my case studies page. The page has several case studies, each with a quote from the customer and a thumbnail which opens a thickbox browsable gallery, specific to that case study. (see my other posts for more history).
Anyhoo… I wanted the nextgen plugin to display only a SINGLE thumbnail, to represent each gallery, so I found and used this hack to the nggallery.css:
div.ngg-gallery-thumbnail-box { display:none; } div.ngg-galleryoverview div:first-child { display:block; } /* Star HTML hack. Styles are only interpreted by IE6 */ * html div.ngg-gallery-thumbnail-box { display:block; }That got rid of the other thumbs but, trouble is, I now want to position the single thumbs to the right of each of the paragraphs (in html entered directly onto the static page) and have the text wrap around the thumbnail, so I found and tried this:
.slideshow { margin-left:20px; margin-right:20px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-align:center; float:left; }found here: http://gbpcentral.com/blog/videohow-to-wrap-text-around-nextgen-slideshow-in-wordpress-3-0-using-css/
But that seems to be specific to an ng slideshow, not a gallery.
Looking at the css under “Gallery Style” it would appear that I have to hack the code here to control my thumbnail positions, but I don’t know where! I have tried various tests to see if the classes here control other parameters of the thumb displays which they do, but things are further complicated by the code I inserted to hide the rest of the thumbs. I also noticed in my efforts that, although the rest of the thumbs are hidden, onmouseover of the white space to the right of the single thumbs displays the description of the second (hidden) thumb as a ‘tooltip’ which can be clicked and opens the gallery, which is obviously a hitch I would rather not have.
Can anyone help me with this. My coding abilities are not bad but haven’t used them for some years. Even some pointers that give me ‘a clue’ to pursue would be great.
Many thanks,
deano.
The topic ‘How do I hack nextgen css to control thumbnail position?’ is closed to new replies.