Portfolio slider thumbs size

[Nhaugaard]

Hello guys.
How do I make the portfolio slider thumbnail images their original sizes, and not the automatically cropped sizes?

You can see in the bottom of the site where I have a portfolio item, with the image slider thumbnail that it’s not the same size as the other thumbnails. When I inspect the code, I can see that it is cropped so the URL is like this (http://avia.premium-mockups.com/wp-content/uploads/2016/08/4-1-600×450.jpg) how do I make it not crop the image and just use the original image size, so the thumbnail matches the others? I can’t find it anywhere in the settings.

Or is there a way to fix it with custom CSS? I feel like i have tried everthing, and it kind of ruins the grid the the sizes don’t match up.

Thanks a lot.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

If you activate your child theme, within the functions.php file you can add this to override the portfolio function that handles the size and output: https://gist.github.com/webadelic/000427df77e0af88801fa4b1467d4cde.

You can change the image size there. Are the images you are uploading all the same size?

Thanks.

[Nhaugaard]

Okay I’ll try to do that. Yes all the images are the same size 1:1 and also pixel vise.

[David Martin – Support]

If you need any further help once added to the child theme add your FTP details here.

Thanks.

[Nhaugaard]

Can you tell me what I need to change in the code you provided from Github? I placed it in the child themes function.php, and tried changing the height value to ‘320’ but it doesn’t make any difference.

Please help me out, David. I would really appreciate it!

[David Martin – Support]

Please add your FTP details here.

[Nhaugaard]

This reply has been marked as private.

[Nhaugaard]

Remember it’s under the AVIA folder in the root

Thanks

[Nhaugaard]

Did you get it, David? 🙂 I’m very excited about seeing how it’s going to work 🙂

[David Martin – Support]

Please activate your child theme first.

– David.

[Nhaugaard]

This reply has been marked as private.

[Nhaugaard]

This reply has been marked as private.

[Nhaugaard]

I just checked the site, and saw you have done it the wrong way around. The thumbnails should be 1:1 ratio. It was the slider that should be changed and not the regular thumbnails.

Thanks

[David Martin – Support]

Ah yes, got it.

I have adjust the sizes to 500 x 275. It’s within the code, you can find it by looking for this:

            if ( $display_type == "masonry" || $display_type == "masonry-gallery" ) {
                //$thumb_height = null;
               	$thumb_width  = 500;
               	$thumb_height = 375;
            }

I also change this:

$thumb_gallery = rwmb_meta( 'sf_thumbnail_gallery', 'type=image&size=sf-thumb-image' );

To this, to get the origional size uploaded:

$thumb_gallery = rwmb_meta( 'sf_thumbnail_gallery', 'type=image&size=full' );

As long as your image that you originally uploaded is large enough you can change those sizes and the image will be able to re-size. It looks like the slider images you have uploaded are

[Nhaugaard]

Thank you so much David. It’s beautiful! I really appreciate the effort!