Hello Admin,
I have Nextgen gallery and WP eStore installed and followed the instructions to setup "add cart" functionality for a entire gallery. I can not figure out why the images don't display in grid view. It display gird view no problem if I ust display the gallery without WP eStore.
Thank You for your help.
Malcolm
Installed plugins:
1.Nextgen Gallery 1.8.2
2.WP eStore 5.7.8
Web page example:
http://freshdrobe.com/t-shirts/af-tee/
Which nextgen gallery integration did you use? (there are two methods).
Your thumbnail area looks big. What value do you have in the "Width x height (in pixel)" field of your NextGen Gallery options (Thumbnail options tab)?
Thank you very much for your quick response, I am using the alternative integration method. My size is 100 x 75.
Okay that shouldn't be an issue. Some CSS code in this site is reserving a large area for the image thumbnails so it is not being able to stack in a grid. We need to find out where this rogue CSS is coming from. Please do this test and let me know what you find:
http://www.tipsandtricks-hq.com/forum/topic/test-to-identy-a-conflicting-theme-or-plugin
I removed all plugins except:
Automatic WordPress Backup
Health Check
Hosted By HostGator.com
NextGEN Gallery
WP Super Cache
I ran the web page through markup validation service and received tons of errors. Not sure which one to send you for review?
I'm having a spacing issue. I think this can be fixed with CSS, but I'm not sure what to change. Can someone point me in the right direction
http://vmseven.com/?page_id=510
@malcolmmind, Your theme would be the first thing to test (I wouldn't worry too much about the plugins). Can you switch to the default WordPress's twenty ten or twentey eleven theme and give me a link to your gallery page?
@vmseven, you have one inline CSS that defined to take 50% of each NextGen gallery element (this is making it to where you can only have two images side by side). You have another CSS (most likely from your theme) that is specifying the line-height to be 20px!
body {
font-size: 12px;
letter-spacing: 0.4px;
line-height: 20px;
word-spacing: 1px;
}A 20 pixel line height is making it to have the lines too much space between them. You also have an extra "
" there which is introducing an extra empty line (you can take that out).
With the twentyTen Theme it looks like
http://bidum.dyndns.org/twentyTenTheme.PNG
Now the next row is to close to previous row
I set the line-height to 0px and the shop object is where I want it but the text fields are being overlapped by the fields. I can get more images per row by simply changing the images per row feature in nextgen gal and making my page wider
here are a couple images for you to see
http://bidum.dyndns.org/line-height0px.PNG
http://bidum.dyndns.org/line-height20px.PNG
I'd like to make it look like the line-height:0px version. Gotta be a css change to make this work, but my limited css skills have failed me.
Hoping you can point me in the right direction pleeeeeeeeeease
.ngg-gallery-thumbnail span {
margin-top: -90px;
margin-bottom: 120px;
}
Here is the tweak to fix this. The above code was inserted at the end of my themes CSS file. I left my original line-height value to 20px
the extra "" you spoke of is where the Description of the image would go. But I don't use the description field in NextGen Gal so I used margin -90px in which actually covers those "". If I use a description on my images I would have to use about -50px or so on margin-top.
the margin-bottom simply gives me more separation between the next set/row of images
Hope this helps
Sure no problem:
You must log in to post.
