I did the same with a prebuilt Pattern and it looks perfect, I compared all settings and everything seems the same so, what am I missing?
I did notice two settings in the row settings of the Pattern and not the one I made, nor I find any way to add them (marked with red in the screenshot)

(In the screenshot, the top is the premade pattern, bottom is the one I made and cannot make it look like the top one)

In case screenshot doesnt show correctly: https://ibb.co/KzCVMPc

@media only screen and (max-width: 767px) {
.foogallery .fg-item .fg-item-inner {
     width: 50% !important;
     height: 50% !important;
     max-width: 50% !important;
     max-height: 50% !important;
 }
}

Using this custom css, the images and captions now display smaller once the screen size is less than 767px.

The final part of the problem that I can’t solve is removing all the empty white space around the images. See a screenshot here. Using the inspect tool, it appears that the blank space is being created through another series of classes; see here. I can’t seem to solve the blank space issue when I try to target fg-type-image and/or fg-positioned and/or fg-loaded.

Any suggestions on how to close the gap? Thanks!

Is there away to adjust these numbers for mobile? Without affecting the current numbers for desktop?

Otherwise, is there a way to duplicate the gallery so I can make a “mobile friendly” version?

Thanks in advance!

I’m trying to use Ninja Tables to create a question and answer database for a mathematics course.

The problem I’m running into is demonstrated at https://mathsvideosaustralia.com/image-size-issue-demo/

On the first 3 questions (Q11, 12, and 13) you can see when you click the row the solution opens up at the correct size. But on Q19, the solution opens too small. This is because I have set the row height in google sheets so small. Google sheets link

But if I change this and make the row height large enough, there will be a lot of blank space, because the question image isn’t that big.

Is there a way to achieve what I’m hoping to achieve, but have the answer row height and the question row height be different? I’d like to continue doing the whole thing from Google sheets if possible.

I’m also open to redesigning it, My only hope is to have an easily searchable question and answer database where the answer can be revealed easily by clicking the row.

I’ve tried every possible recommendation for overriding template or other CSS on our site to get the proper spacing for rows and lines of content in each row for our tables.

You’ll notice (https://www.deathwithdignity.org/state-statutes/) it appears we have double-spaced word-wrapping in these tables. If you look at the same tables on my sandbox site, that’s not the case (https://avant-sandbox.dreamhosters.com/), so I think it must be related either to the template or other code we have on our live site.

I am not the developer and I am not experienced enough to go poking around in styles and other code on our site.

What recommendations do you have for forcing line height, row height, word-wrapping, etc? I’ve tried your recommended CSS for td, reducing padding to 0, line-height at 1 (defers to font size), also tried % or px settings. Tried white-space settings.

NOTHING has worked. Driving me a little batty.

But I LOVE your table plug-in, though, and it is fantastic otherwise for us.

PS: I secretly hope you one day publish an extension that will highlight the wildcard search term in each cell, so a user can quikly see why a particular row came up in a wild card search (you can see our tables are pretty full of stuff). If I typed “physician” as a wildcard search term, as an example, I’d love for that word to be highlighted yellow in every resulting cell (like a browser “find” term does ).

Thanks!

Kudos for making a great plugin. I hope you keep expanding and enhancing it.

In current version I cannot set the minimum height for rows. With minimum padding = 10 its way too high/much. Could you direct me if I can set somehow the rows height manually? he tables look bad with such “fat” rows.
Thanks a lot for any soonest answer.

Maciej

A PayPal BUY link is affecting the height of my row.

Is there a way to make the row height smaller even when I add button code??

( I tried using padding, but that didn’t work )

Thank you so much!

Do you know how I can make the height of these rows higher?

Thank you,
Pierre