Clients gallery grid and order

[Vitor Goersch]

Hi guys,

I was wondering if there is a way to make any logo, be it vertical or horizontal, resize and fit into a grid when using the clients gallery. As it is, when I upload a vertical logo, it takes the space below it in the grid and pushes the others to the side. I can manage to upload all logos within a box with the same size, but when this gets to the client, god knows what he is going to upload here in the future.

I tried using max-width/height to limit the size, but that didn’t seem much responsive and it didn’t made the logo centralized.

Also, I would like the logos to always be ordered by name, not the date they were added. Is it possible?

Appreciate the help!
thanks,

[David Martin – Support]

Hi,

Unfortunately that is not possible, it would require that a set dimension is maintained in order for it to display correctly.

Regarding the ordering of the output,please install and re-order using this: https://wordpress.org/plugins/post-types-order/

I cannot acceess your site, I get a 500 error: http://50.87.249.72/~russoram/site/o-escritorio/clientes/

Thanks,
David.

[Vitor Goersch]

Hi David,

I am just now getting back to this issue. I used the plugin to re-order the posts as you suggested, that’s solved.

Now regarding the logos grid, I have managed to style the images, using max-height and media queries, in a way that it resizes every logo to fit the grid on all display sizes. But I just can’t get to make them centralized vertically within each box. If the logo has a height smaller than the average (125px) it will stick to the top of its box and screw the alignment. Isn’t there any way to fix this?

Besides that, I found out that if a logo image is not square and is bigger than 300px in either dimension, it gets cropped rather than resized. First I thought it had to do with the WP media sizes setting, but even after I set it to 600px x 600px it still gets cropped to 300px. How can I change this setting so it can actually accept and resize any image?

The page where this happens it’s here. You can see the problems in the first and last logos. I will send updated credentials in a private reply.

Thanks!

[Vitor Goersch]

This reply has been marked as private.

[David Martin – Support]

Hi,

You would likely need to set the height for the parent box. Currently each box is variable height. .client-item{ }. Then set the item as display: table; and the inner wrapper .client-item figure set as display: table-cell; vertical-align: middle;. You can seek generic CSS help from places such as https://stackoverflow.com/ if you need further assistance with this.

The theme you are using is very dated, 2.3.3 – have you tested this with the latest version 2.4.2?

Please disable and then delete the plugin Swift Framework 1.66. Please then upload this zip file with the latest 1.7+ version: https://www.dropbox.com/s/v1an2fpylsvniqc/swift-framework.zip?dl=0.

Thanks.

[Vitor Goersch]

Hi David,

Thanks for the reply.

The css you suggested worked just fine and now the logos are always aligned on each box. I had tried something similar to this but I was styling only the images and the figure element, not realizing it had to be up to the client-item div. Great!

But even after updating the theme and swift framework it does not prevent it from cropping images larger than 300px as you can still see in the page http://www.russoramirez.com.br/new-clients/. How can I fix this?

Moreover, there was no notification in the admin panel that there was a new update for the theme and plugin. Shouldn’t there be?

thanks.

[David Martin – Support]

Hi,

Now you have the updated version you will get update notification, we had to switch update providers as our old provider stopped working.

To change the width from 300 you would need to change this file: /wp-content/plugins/swift-framework/includes/page-builder/shortcodes/clients.php. On line 66, you will see this that needs changing: $client_width = 300;

Thanks.