Template 9 Gallery – Pictures Arranging themselves with large gaps between

[fredperry]

I would like to use layout 9 but my pictures do not seem to arrange themselves in the way displayed on your website, instead there are gaps between them (see attached image) is there any way to rectify this? [http://picpaste.com/Screen_Shot_2016-07-06_at_23.22.59-ZzXqCmyj.png]

Thanks

[Peter]

In order for us to be able to use firebug to investigate the html/css on your page can you please provide the link to the gallery page?

[fredperry]

[http://www.francesbrowne.com/?portfolio=namibia-2]

[Peter]

Hi,

You mentioned template 9 in your previous message but I noticed your are using template 7 on your site.

I think the problem is your theme – the fact that it is using ajax to load pages is breaking the masonry functionality.

Can you try template 9 or 10 to see if the same behaviour occurs?

If that also doesn’t display properly please do the theme conflict test to see if all works fine when using a standard wp theme.

https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin

[fredperry]

Peter,

Thanks for your help, same issue with templates 9 and 10, but no issues when switching to the default theme.

Do you have any other suggestions/potential solutions, I’m currently running a child theme of ‘RokoPhoto’ which allows each portfolio window to open in a new page, could this be the issue?

Many thanks

[Peter]

Hi,

Can you try the following:

1) Go and grab the following plugin:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

2) Then add the following CSS code in the settings of the above plugin:

.wpps-t10-item{

margin-bottom: -70px !important;

}

(NOTE: the above code assumes you are using template 10 so please ensure that you have that template selected)

Try the above and let me know how it goes.

[fredperry]

Yes that works perfectly, thank you very much

[Peter]

Ok that’s good to hear.

FYI – you can also modify that custom CSS code to also include fixes for templates 7 and 9 too by writing it as follows:

.wpps-t7-item, .wpps-t9-item, .wpps-t10-item{

margin-bottom: -70px !important;

}

[Author]

Posts