[sevenationarmyParticipant]

Hi,

I just purchased the x theme and am in the process of creating multiple galleries to display products to some clients in a neat fashion. The envira gallery comes in handy but it does not force scale images without cropping them. I don’t mind if the images are stretched a little as long as they are not cropped out.

The reason i use Envira is because i need captions to display the product codes. Captions are extremely important to me. Also it has a neat lightbox preview.

The lightbox shortcode i used was not working at all(no captions, no zoomed out view) and the image would be embedded in full width.

Basically i need a gallery of images (scaled to the same size) and with captions.

Any suggestions would be really helpful.

Thanks,
Mayank

[FriechModerator]

Hi Mayank,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!

[sevenationarmyParticipant]

Hi,

Following is the URL of a test page : http://mosaicarthouse.com/?page_id=3598

Following is the code used :

[envira-gallery id=”3606″]

[image type=”thumbnail” alt = “BRKn 001.” src= “http://mosaicarthouse.com/wp-content/uploads/2014/08/brkn1.jpg” lightbox_caption = “hey there”]

[lightbox]

Thank you for looking into this.

Mayank

[ZeshanMember]

Hi Mayank,

Thanks for the URL!

I’ve checked your site and Envira Gallery images looks fine to me, i.e., not cropped (see: http://prntscr.com/9p2aqt). Would you mind confirming again?

In Envira Gallery settings, you can uncheck Crop Images? option (if checked) to show images without cropping (see: http://prntscr.com/9p2ayc).

Thank you!

[sevenationarmyParticipant]

Hi,

The problem is not cropping, but images with different sizes. i need them all to be of the same size to have an even layout. Cropping cuts(or crops) our a certain portion to contain the images to a certain size. Previously, i used the infocus theme and images could be “stretched” without cropping. Is this possible somehow. Perhaps with something else if not Envira.

Also, i would like you to address the second question i had about images with captions and possible ways of displaying bulk content (with captions) as the lightbox shortcake does nothing.

Again, thank you for your patience. This is rather important and i apologise for being too fussy.

Thanks,
Mayank

[ZeshanMember]

Hi Mayank,

Thanks for updating the thread!

If you want to show images in same height without them being cropped, it’s possible with CSS customization. As it’s a custom development, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here.

First add a class of square-images under Misc > Custom Gallery Classes (see: http://prntscr.com/9phcb3). Then add following CSS code under Custom > CSS in the Customizer:

.square-images.envira-gallery-wrap .envira-gallery-public.envira-gallery-css-animations .envira-gallery-item-inner > a {
    padding-bottom: 100% !important;
    height: 0;
    display: block;
    position: relative;
}

.square-images.envira-gallery-wrap .envira-gallery-public.envira-gallery-css-animations .envira-gallery-item img {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
}

It will give you following results (see: http://prntscr.com/9phdjt).

In regard to your second question, in order to open an image in a lightbox, you need to set it’s link attribute to true as shown in our [lightbox] shortcode walkthrough. So your code would be:

[image type="thumbnail" link="true" alt = "BRKn 001." src= "http://mosaicarthouse.com/wp-content/uploads/2014/08/brkn1.jpg" lightbox_caption="hey there"]
[lightbox]

Thank you!

[sevenationarmyParticipant]

Hi,

This works really well. However, the solution removes captions from the images. Only the alt text is visible when the lightbox appears. Any thoughts?

Following is the page link : http://mosaicarthouse.com/?page_id=3598

I really need the captions. They are vital.

[RupokMember]

Hi there,

Thanks for updating. I can see the caption text is showing – http://prntscr.com/9purzc

Make sure to set them correctly with your own Text.

Cheers!

[sevenationarmyParticipant]

Hi,

Then i mean title. Please see image attached to see that these titles are possible using Envira.

The Title needs to appear on the images before the lightbox is opened. It is like a catalogue of products.

Regards,
Ravinder

[RadModerator]

Hi there,

Thanks, but what page is that? It looks different from your provided page.

Missing title isn’t caused by the CSS, it can’t. This page http://mosaicarthouse.com/?page_id=3598 has no page titles at all. You can remove the provided CSS to test it.

Thanks.

[sevenationarmyParticipant]

Hi,

that page is the Envira gallery demo : http://enviragallery.com/demo/albums-demo/

could you help me get the titles back on either way (as shown in the link and screenshot). Would be hugely helpful.

Thanks,
Mayank

[RadModerator]

Hi there,

I see, in that case, please provide your admin login credentials in private reply.

Thanks!

[sevenationarmyParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi there,

What you are referring to are not the image titles but the titles of albums that’s an addon of Envira Gallery: http://enviragallery.com/addons/albums-addon/. Addons are not available for bundled Envira Gallery version.

Envira Gallery doesn’t allow title display (outside the lightbox) for individual images.

For more detail, refer to our knowledge base article on Integrated Plugin: Envira Gallery.

Thank you!

[sevenationarmyParticipant]

This reply has been marked as private.

[Author]

Posts