Hi,
Try adding this peace of CSS:

.grid-loadMore{
  height: auto !important;
}

without the “pre” tags

Best

I got it!! THANKS !

you can add it in the top of the gridGallery.css file (without the pre tags)

Best, David

saw your email now…

it is working now!! thanks so much ! I love it!

awesome

Hello,
You would need to play around with this JS option:

columnMinWidth: 220,

try setting it to something smaller
Best, David

David, what is a standalone version? What is the difference with the WP version? Sorry for the ignorance…

Ohh the standalone version is for HTML pages, it is an HTML/JS plugin, you need to specify the content directly in the HTML

WP stands for Wordpress, so if you are using Wordpress then you would need the WP version of the plugin which comes with a user friendly interface

Best, David

OK, thanks a lot

Hello,
this plugin doesn’t support RTL

but this one does: https://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020
It is a better gallery with more options

Best, David

Thank you, David, it worked!!

One last thing though…was finishing my gallery and noticed this. On the link, you will see the gallery where all the images have titles and subtitles and I have 12 images to load but he only loads 10 and If I put more than 12 you can see the titles of other images are overlapping on the first image. http://lauramaliqi.com/ms/locations.html

Sorry for bothering you this much Thank you Laura

Hi Laura,
strange indeed, add this peace of CSS:

[data-show="no"]{
    display: none !important;
}

Best

Thank you. Everything works fine now

Hi Srinivas,
I don’t quite understand, what would be a “normal grid”? you mean a perfect squared grid?

I would recommend you to take a look at this plugin: https://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020 which has a perfect squared grid (the full width example), that plugin is the advanced version of this plugin

I hope it makes sense

Best, David

Hi David, yes but I dont need all those extra things only simple one like this. Hence purchasing this one.

got it

Hi,
it sounds like you are trying to upload this plugin into WP, but this is not a WP plugin is a stand alone plugin (pure HTML).

The customers who implemented this plugin into WP, implemented it in the source code, they imported everything manually and made their own way to create the HTML of the plugin (with PHP).

I’m working on a WP version but is not ready yet

Also you can contact me privately via email (through my profile at the bottom there’s a contact form)

Best, David

Ok.. I have always bought from codecanyon without check if the plugins were compatible with WP, and I did so also this time.. It’s too hard for me to let work this plugin by working on php..I will wait your WP version. Thanks for the quick reply. Best regards

*a div element right after the body element, but it doesn’t work

Hi,
Yes, you can add any HTML to the gallery, like your own header, you need to add this as you usually would do it for a normal HTML page

If this isn’t working can you show me a living example online so I can take a look and see what’s going on?

if you prefer to concat me privately via email do it here: https://codecanyon.net/user/castlecode#contact

Best, David

Hi,
Open the gridGallery.min.js file and find this:

LOAD MORE IMAGES

then replace it for something else:

LOAD...

and clear your browser cache,

Best, David

Hi,
Currently this option is not possible, but you can do it with this plugin: https://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020 which has that feature and way more

Best, David

Was replying to this answer you gave:

Hi, open the gridGallery.js file (and make sure to use this file in your page instead of the minified version of it) and find this:

var txt = “ “text“ ”; instead of the “text” add your own HTML for your logo, maybe something like this: var txt = “ ”; Best, David

That seemed to make the masonry gallery disappear.

But I solved it with some css:

.autoGrid-lbcaption { content: url(../img/png/cerrone-lightbox-logo.png); width: 200px; height: 37px; margin: 10px 0px 0px 35px; }

Here’s one page I’m using it on:

http://gethypewith.us/cerrone_photo/photos/environment/index.html

Seems to work well but let me know if you’d tweak anything.

Thanks for the great plugin and support!!

Mike

Hi Mike,
Ohh you changed of username hehe!
I think I placed the wrong quotes, the URL of the image should be in single quotes, like this:

<img src='my_img.png' />

But your method is also a valid one

Good to know. Thanks!

Hi,
check this out: https://codecanyon.net/item/ultimate-grid-responsive-gallery/5093275/comments?page=7&filter=all#comment_12315878

Best, David

Hi,
In order to do that you would need to edit the js where that HTML is added, would you like me to tell you which lines of the js file this is located?

Yes, please

Hi,
open the gridGallery.js file (and make sure to use this file in your page instead of the minified version of it) and find this:

var txt = "<div><div>"+text+"</div></div>";

instead of the “text” add your own HTML for your logo, maybe something like this:

var txt = "<div><div> <img src="my_logo.png" /> </div></div>";

Best, David

Hi there,
do you mean how to install it in a HTML site? Or how to integrate it in your current HTML site?

Best, David

Hi David, I integrated it in my html website, but it is not being responsive to smaller screens, what do you think I may have done? the slider is working fine, but the gallery isn’t. Thank you

Gabi

Hi Gabi,
can you show me a living example online? so I can take a look and see what’s going on?

Best

Hi there,
Currently these events are not part of the plugin, but if you want I can tell you in the code where these parts are executed.

Also I would recommend you this plugin: https://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020 which has many more features/options and swipe support is very easy to implement, just like I showed another user here: https://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020/comments?page=24&filter=all#comment_12025616

Best, David

Thanks for the reply, can you provide me a guide on how to integrate swiping functionality with “Ultimate Grid Responsive Gallery”?

Integrating swipe support on the ultimate grid is not that simple as it doesn’t have lightbox events, but I can tell you where to execute the previous and next events for the lightbox
First, open the gridGallery.js file (and make sure to use it in your HTML page instead of the minified one) and find this:

if(ops.lightBoxAutoPlay){

right before that line you can add the swipe functionality, you’ll only need to execute the following when you wish to go further:

next()

And when you wish to go backwards do the following:

prev()

I hope this makes sense

Hello,
You mean vertically center right? if so try adding this CSS lines:

.autoGrid-lightbox img{
  position: absolute !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0 !important;
  margin: auto !important;
  right: 0 !important;
  padding-top: 57px !important;
}

Best, David

so in mobile you want the text “ALWAYS” visible?

yes that is correct

alright, then add this peace of CSS:

@media only screen and (max-width: 768px) {
  .image-caption{
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    opacity: 1 !important;
    background: rgba(0,0,0, .5) !important;
  }
}

Best

Hello,
This plugin doesn’t support iframe based videos, but the advanced version of this plugin does (which is faster and has a lot more options and examples) you can check it out here: https://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020 it is called: “Media Boxes” and it has been featured by codecanyon

Best, David

Hi Roland,
Currently no, but you can integrate swipe support in this other plugin: https://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020 which is the advanced version of the “Ultimate Grid”.

The “Media Boxes” plugin is way faster and has way more features/options, if you decide to get the Media Boxes here’s how you can integrate swipe support (just with couple lines): https://codecanyon.net/item/media-boxes-portfolio-responsive-grid/5683020/comments?page=24&filter=all#comment_12025616

Best