[Tim Brickle]

Hi – whatever I do in regard to the image width I can’t get more than 2 columns http://pkh.it4t.in/stories/ambassadors/. When I just have 2 images set to 300px wide I still get 1 entry per row, now I have added more I can’t get 3 on one line.

[Tim Brickle]

so you can see when the page is loading we have 3 columns on a row but then once its loaded it jumps back to 2 http://pkh.it4t.in/stories/ambassadors/

[Steven Zahm]

@ Tim

Yeah, seems there is some type of conflict with the theme which does not let Gridder proper calculate the width of the container it is within. You’re going to have to make some very minor changes and then it should work fine. Here’s what to do.

Log into you site with FTP and navigate to this folder:
../wp-content/plugins/connections-gridder/

Download and open the gridder.js file.

On line 15 you should find this:
cnGridderWidth();

Change it to this:
//cnGridderWidth();

Now, on line 253 you should find this:
/$( _self._scrollTo() ).animate( { scrollTop: _me.position().top }, 0 );

Change it to this:
///$( _self._scrollTo() ).animate( { scrollTop: _me.position().top }, 0 );

Save an upload the file overwriting the original.

Now, delete the gridder.min.js file. That way Connections will load the newly altered version of the main file.

Refresh your page, things should work better now. Hope that helps, let me know.

[Tim Brickle]

Hi Steven,

So I did that but still the same? http://pkh.it4t.in/stories/ambassadors/

Any ideas?

[Steven Zahm]

@ Tim

Apologies, seems I missed a line. Open the same file and on line 10 you should find this:
cnGridderWidth();

Change it to this:
//cnGridderWidth();

Just like you did for the instance found on line 15.

NOTE: you will very likely have to force refresh your browser in order for the newly edited version of the file to be downloaded otherwise the browser will use the old cached version of the file.

Hoe that helps!

[Author]

Posts