Hi Grace,
The Automatic Gallery Layout will fit your images on a row without cropping so the images will have different widths if you use that layout unless you pre-crop the image in the same size before uploading.
Please watch this short video, this will help you decide which Gallery Layout to use.
Let us know if you find out something about the Essential Grid issue.
Cheers,
I saw this friech but it doesn’t explain anything! For example, what do I put in the image dimensions? When I upload different images, they get cut off and put into squares so I just used the grid layout because after 2 days of frustration with the Essential Grid, I wanted simplicity. lol
For example, if I used a 600 width image and 2 300 width images, that adds up to 1200 but I get an error. I will have to try it again today and get back to you.
Hi Grace,
Great and let us know how it goes.
Thank you.
Hi Marc. Well I am using the automatic option but what I can’t do is include an image that is 300x600 long because I have to define the height so I made it 300px. For example, the eagle in this photo is cut in half so it is not 300x600 but 150x300 because I had to define the height. How do I get the eagle to show up size as which is 300x600 without screwing up the other images? Why do I have to set the image dimensions if they are different sizes? I chose Original Image. But I made the image dimensions 300x300 because I didn’t know what to put down since they are different sizes.
Hi Grace,
Sorry to hear that, but that is how the Automatic layout is, you need a defined height to align the images. If having equal height is not imperative, please use the Mason Layout instead.
Have a nice day,
Ah I see. Thank you friech. But what do I put down as dimensions for the images for the Automatic then? 0? 300? I am using the Original size option.
I may use Automatic compared to the squares on the original home page. The only problem with the Automatic option is that the black border is cut off on all of the images the right side in all of them. How do I fix that? Also, when I move the window in Automatic, the images move to the next row and the size changes affecting the resolution.
Square Options used on the original home page:
https://xpro.eagleheartdynamic.com/
No cut off of the border on the right side and the squares stay together as a group when the window is resized.
Automatic Option used on the Home Test Page:
https://xpro.eagleheartdynamic.com/home-test-page/
Cut off on the border of all images on the right side and some images resize changing the resolution when the window is resized.
Solutions?
Hi Grace,
Is this Grid (https://xpro.eagleheartdynamic.com/home-test-page/) an Automatic Layout? Can you provide us login credentials on a secure note so we can take a closer look?
The Original image size should be fine.
Have you tried the Mason Layout that I suggested above?
Thanks,
friech I am just communicating with a tech from Envira Gallery. He said there was a conflict with CSS but he took off the border for the images on that page. Not sure why but I asked him to put the border back. It’s interesting that when I click on lazy loading it works but when it’s off, it doesn’t work. I will send you something via secure note.
Hi Grace,
You can see the custom CSS added that removes the border under Misc > Custom Gallery CSS tab on your gallery.
I’m not sure what is the connection between the Layout and the Enable Lazy Loading option, you might need to ask that to Envira Gallery tech. I think it’s also best to keep the Lazy loading enable for site performance purposes.
Thanks,
Hi friech. I was in conversation with him but I think it could have been his day off today because he didn’t reply. Hopefully, I will hear from him tomorrow.
I went into the global CSS to find out the code for the border so I added 1px solid #000000 instead of the none and it works now!
By the way, which layout do you like the grid layout on the Home pg or on the Mason layout on the test page? Just having the grid set up isn’t as dynamic as the Mason layout but I wish that I could expand some of the horizontal images.
For example, I the Investors Report in the top left image in blue is really 300px x 600px wide but because I think the parameters have to be set for the width, I can’t make it 600px wide correct? I want some images bigger and others smaller to add a dynamic element to the page. Is there another layout I can use where I get the horizontal images wider rather than the vertical images longer? I have a few images that would look better as 2 columns wide.
What I didn’t like about the Automatic layout is that the images changed sizes when I resized the window so the resolution changed. That’s why it had to be one of the other layouts.
Thanks for your help!
Hi Grace,
Personally, I like the even (square) layout it’s not hard to look at, I don’t mind if it’s cropped a bit because I can click it and the lightbox shows the full image.
I understand what you mean, In Essential Grid that features is called Cobbles, however, Envira Gallery does not have that feature, its is a limitation Envira Gallery.
If you need more control over the grid layout you might want to consider the Grid element, its not dynamic though so you need to put your images manually.
Thanks,
Ok thanks. What do you mean about Grid element not being dynamic? It’s responsive isn’t it meaning it works well on mobile. So is that The Grid plugin or is it an option within Pro. I think you’re referring to the option within Pro correct? I will read the link later this evening.
Hello Grace,
My colleague @Friech is talking about the grid element. It is not dynamic which means that the grid items will not be dynamically generated. You will have to manually set up the images and the grid items.
I also have explained before that the grid element is different from TheGrid plugin.
Best Regards.
So it won’t work on mobile? I have to generate the images separately for mobile and desktop ruenel?
Hi Grace,
Being dynamic is different from being responsive. The grid element is responsive and has a responsive column layout option. That means, you can have 4 columns on desktop screens and maybe 2 or just 1 column grid on smaller screens.
Hope this makes sense.
Ah ok ruenel thanks. So in other words just like what I did to the Technology2 page where there was 1 image. I will have to apply the border manually as well.
I have one more question. What is the difference between using the Grid element and columns? I used columns for the Technology2 page. Should I have used the Grid element and would this have worked better?
I will try it out and start a new thread on Grid element if I have any questions. I have read about half of the information in the link and will continue tomorrow. Will try it out then on Home Test Pg3.
Hello Grace,
Yes, it is best that you create a new thread where we talk about the Grid element and the row/columns elements. That would be nice to start afresh and to prevent any confusion and getting off-topic.
We will reply to your new thread anytime soon.
Thanks ruenel I will start a new thread. I am having issues with the grid element. Will explain in that Grid element versus Columns + Rows thread.
You’re welcome Grace!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
