Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #421321

    Hello,

    I have found multiple posts mentioning this problem but I havent foud a sollution yet.

    I have made a portfolio grid. The individual portfolio items have featured images of different sizes and aspect ratios. In the settings of the grid I have set the thumbnail size to manually but no matter which size I choose, most images get a different size. Then I tried the auto setting but this gives the same end result.The whole grid looks very ugly with allmost all images having a different size.

    I cannot give a link to the site because it is running on a local nas (still in design phase).

    What am I doing wrong / not seeying here?

    #421745

    Hey PeterTLH!

    As Kriesi said here https://kriesi.at/support/topic/a-conflict-with-gravity-forms/#post-409009
    he included a fix in the update. Newest Enfold version is v3.1.3. Did you install this one?

    Please provide us a link to your website.

    Regards,
    Andy

    #421809

    Hey Andy,

    I have just installed the latest version (did not have that one yet) but unfortunatelly nothing has changed.

    Greetings,

    Peter

    #422272

    Hi!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #422394

    Hello Rikard,

    the site is running on our local NAS so I cannot link to it. Here is a printscreen:
    https://www.dropbox.com/s/9vkqttigbw113t7/Different%20image%20sizes%20portfolio%20grid.JPG?dl=0

    Greetings,

    Peter

    #423172

    Hey!

    Hmm, I’m not seeing it happen on my XAMPP setup. It’s hard to tell what could be happening without a link.

    Let us know when you go live and we’ll take a look. In the meantime you could try using some CSS like so.

    .grid-image img {
      min-height: 300px !important;
    }

    Best regards,
    Elliott

    #425955

    Hello,

    tried the code, but it results in strange images that sometimes are stretched vertical a bit too much.

    Had to add an extra line btw because with the first code, there are still images too big vertical:

    .grid-image img {
    min-height: 300px !important;
    max-height: 300px !important;
    }

    Other sollution is to manually edit all the used pictures so they fit in (this example) a 300 x 300 portfolio grid box. But that’s a lot of work :-)

    #426663

    Hey!

    Alrighty, we’ll leave this open. Feel free to reply again when you go live.

    Regards,
    Elliott

    #473454

    Hello,

    the website is still being designed but I have added a link to the current website.

    The grids are found in the most right choice within the menu:
    Portfolio – Asset management
    pictures in grid are not as sharp as originals shown when you enter a specific item and the pictures in the other 2 portfolio grids are much sharper, I cannot find a reason for this.

    In all 3 grids
    Pictures used in the grid are sometimes not shown properly dimensions wise. Some pictures are stretched out or pressed together.

    Greetings,

    Peter

    • This reply was modified 9 years, 4 months ago by PeterTLH.
    #474178

    Hey!

    Wordpress is resizing images by default when uploading. If you want to have more control over this then you can use a plugin like: https://wordpress.org/plugins/simple-image-sizes/

    Hope this helps.

    Regards,
    Andy

    #490144

    Hello,

    Our new website is now up and running so it’s easy to show the problem I mentioned before. If you look at the following link, you can see that most pictures are not shown correctly:

    http://www.nedmobiel.com/tunnelveiligheid/

    For example if you look at the 3th picture, you see that this picture is stretched out vertically way too much. When you open the item, you see the same photo shown in the correct dimensions (second photo in small slide).

    Is the only solution to use 2 photo’s: one to use for the portfolio and one to use on the specific page? That will result in a lot of work :-(

    I hope their is another option.

    Greetings,

    Peter

    #490859

    Hi!

    Since your image sizes are very different from each other perhaps the Masonry element with the “Flexible Masonry” option would work better for you.

    Regards,
    Elliott

    #495403

    Also having this exact same issue. All thumbnail images uploaded are 1920×1080. No portfolio setting corrects the size.

    #495743

    I have changed the number of columns from 5 to 4. Still some pictures are not shown correctly but it is less obvious now.

    What I do see is the fact that sometimes a picture has a small white line at one of it’s sides. It seems that if a picture has a description of more then one line, this results in a small white line. But there are also pictures that have a short description and still have a white line.

    Greetings,

    Peter

    #496301

    Hi!

    The best solution is to upload images with the same size, orientation and proportion. Inspecting the portfolio items, we can see that most of the images are cropped from images with different sizes and ratios.

    Or at least upload images bigger than the preset thumbnail sizes. One example is the portfolio thumbnail which is 495x400px in dimension. This image, for example doesn’t meet the minimum width and height: http://www.nedmobiel.com/wp-content/uploads/2015/08/Benchmark-tunnels.jpg

    Best regards,
    Ismael

    #929834

    Hello,
    I have the same problem on my page http://aplikacije.e-profi.hr/
    I have tried all advices that you have given to PeterTLH, but nothing is working.
    What to do?

    Thanks

    #931020

    Hi,


    @profi_enel
    : The site is not loading properly. Please open a new ticket or thread. We’ll close this one now.

    Best regards,
    Ismael

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Portfolio grid images do not have equal size’ is closed to new replies.