NSP Gallery in Bike Store

**GK User** Thu Jul 12, 2012 5:47 pm Reply with quote Report this post

I was able to configure NSP to look like MyFolio on the home page using the CSS from MyFolio's template, however, there are grey lines running down the left side of each picture and I don't know why.

Also, if I configure it to have more than 1 page (so the user can see more content by clicking the center navigation) part of the second page peeks through the right side of the module. I have tried changing the image margins and image sizes, but it has not fixed this (or changed anything for that matter).

I'd like 4 columns without part of the next page (5th column) peeking through.

Can anyone PLEEEAAASEEEE help me with this??????

This is the website: http://www.postandeasel.com

Your help will be GREATLY appreciated.

Thank you,

Carlos

**GK User** Thu Jul 12, 2012 5:57 pm Reply with quote Report this post

Ok, the 2nd page visibility has been fixed now.

HOWEVER, I am still seeing thin grey lines running vertically down the left side of each image in the gallery.
HOW can I fix this????

Looking forward to your help.

Thanks!

**GK User** Fri Jul 13, 2012 7:14 am Reply with quote Report this post

Did you fixed the problem with the grey lines? Because I don't see it in your page now.

**GK User** Fri Jul 13, 2012 2:55 pm Reply with quote Report this post

I ended up removing the second page of NSP Gallery.

Now I need help centering the NSP module on the template.

It's using the Header position and for some reason it is aligning left, leaving space on the right side.

Do you know how I can adjust the positioning? I've tried module settings and CSS but nothing has moved.

Looking forward to your help!

Thank you,

Carlos

**GK User** Fri Jul 13, 2012 5:44 pm Reply with quote Report this post

You have to change the article block padding from:

Code: Select all: 0 20px 20px 0

to:

Code: Select all: 0 10px 20px 10px

in the module settings at the article layout tab.

**GK User** Mon Jul 16, 2012 7:41 pm Reply with quote Report this post

dziudek wrote:You have to change the article block padding from:

Code: Select all
0 20px 20px 0

to:

Code: Select all
0 10px 20px 10px

in the module settings at the article layout tab.

GREAT! That did it.

Can you explain how to decrease the space between each thumbnail?

Thank you for your help!

Carlos

**GK User** Mon Jul 16, 2012 7:57 pm Reply with quote Report this post

You should decrease the article block padding in the module settings and probably also change the thumbnails size to be a little bit bigger.

**GK User** Mon Jul 16, 2012 9:45 pm Reply with quote Report this post

dziudek wrote:You should decrease the article block padding in the module settings and probably also change the thumbnails size to be a little bit bigger.

Can I keep the questions coming?

How do I decrease the blurryness of the smaller thumbnails? I have the quality set to %100 but they appear blurry.

Thank you,

Carlos

**GK User** Wed Jul 18, 2012 12:44 pm Reply with quote Report this post

You have to increase the size of the images in the module settings.

**GK User** Wed Jul 18, 2012 2:42 pm Reply with quote Report this post

When the template is displayed in tablet or mobile, the following text appears at the bottom of the screen. I believe it appeared from some code I added during the NSP Gallery integration, but I don't know exactly.

How can I remove this? (see image attached).

Thanks

**GK User** Wed Jul 18, 2012 6:14 pm Reply with quote Report this post

You have put the script tag in the wrong place - please put it before closing <body> tag, because in the footer at the tablet.css file we have this code which casue your problems:

Code: Select all: .gkFooter > * { display: inline-block; }