Essential Grid as a Post Gallery not using correct settings

[terihannigan]

I’m using Essential Grid for galleries to show closeup details for portfolio items (so 1 portfolio item would have multiple images)

However trying to activate the Extra Essential Grid Settings breaks the gallery entirely, so it only shows each image separately, and seems to not load the properly javascript for it to function.

And while it mainly functions if the custom settings dropdown is disabled, despite having it set to only have 1 column, the javascript it generates clearly has it use 2 columns for anything that isn’t the smallest or largest screen size.

This is the javascript it’s generating when I have it set to be 1 column.

responsiveEntries = [
						{ width:1400,amount:1,mmheight:0},
						{ width:1170,amount:2,mmheight:0},
						{ width:1024,amount:2,mmheight:0},
						{ width:960,amount:2,mmheight:0},
						{ width:778,amount:2,mmheight:0},
						{ width:640,amount:2,mmheight:0},
						{ width:480,amount:1,mmheight:0}
						];

Where it should be amount:1 for every option.

Here is the tag code generated in the Edit Portfolio Item page.

[gallery link="file" size="full" ess_grid_gal="portfolio-item" columns="1" ess_grid_custom_setting="off" entryskin="8" tinyrows="1" rowsunlimited="on" layoutsizing="boxed" ids="5706,5501,5469,5468,5467,5466,5465,5464,5463,5461"]

This is the page I’m working on: https://terihannigan.com/portfolio-item/my-creative-mojo-a-trio-of-sculptures-on-creativity/

I would very much prefer if I could have just 1 image show at a time for the middle of the road screen sizes like tablets and whatnot and keep everything consistent. Any help is appreciated.

[tristup]

Hi Teri,

Are you trying this by adding any custom JavaScript code? If that is the case, we don’t offer support to the custom codes. Either you need to hire a developer who can assist you in customizing or availing our newly launched service called One where we can answer customization questions.

If that is not the case, and you are using the Essential Grid settings to acheive what you are trying, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[terihannigan]

I have left the secure note on the post above, I’m not using any custom Javascript so any help is appreciated.

[ruenel]

Hello Teri,

It seems that the WP Admin form is disabled on your site.

See the secure note.

Thanks.

[terihannigan]

Sorry, I think my security settings were too strict. Please try again. Hopefully it works.

[tristup]

Hi Teri,

Unfortunately, the credential does not work. Please check and re-share it once.

Thanks

[terihannigan]

I’m really sorry, I think I fixed the login information here.

[ruenel]

Hello Teri,

Please enable the custom settings and make sure that there is only one column and one row to display in your gallery.

Eample setting:

Kindly let us know how it goes.

[terihannigan]

This is the other problem from the first post. If I enable custom settings, it doesn’t seem to use all of those settings. This is supposed to be a gallery that shows 1 image at a time like on the front page here

https://terihannigan.com/

But instead I get a giant column of images like you see here.

https://terihannigan.com/portfolio/my-creative-mojo-a-trio-of-sculptures-on-creativity/

Despite pagination being disabled everywhere, the page numbers show up at the bottom of the gallery, and it’s always showing 3 images in a column, when I only want 1 image visible at a time.

Here is my settings.

[christian]

Hey Teri,

It looks like your setup is incorrect. If you want the Essential Grid settings to take over the WordPress Gallery layout, you need to do what’s shown in the video here https://www.youtube.com/watch?v=TnmuSFMKIU4

Hope that helps.

[terihannigan]

Thank you, using the first option which I wish I didn’t have to use it works. It still won’t work any other way, either through global settings or through the custom settings when creating a gallery in the media tab.

It always defaults the middle resolutions to 2 images in a row instead of one.

I wish the process was more straightforward, part of the reason we are using this is to be straightforward enough for artists that aren’t as tech savvy.

Is there a way to disable the non-functioning options entirely?

[ruenel]

Hello Teri,

I have created a test grid and a test page using the method in the tutorial video.

See the secure note.

Whenever the screen is smaller, there is still one column unlike in your grid. Kindly compare the grid settings of the test grid and your other grid. Hope this helps.