-
AuthorPosts
-
March 31, 2015 at 4:47 pm #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?
April 1, 2015 at 5:47 am #421745Hey 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,
AndyApril 1, 2015 at 10:16 am #421809Hey Andy,
I have just installed the latest version (did not have that one yet) but unfortunatelly nothing has changed.
Greetings,
Peter
April 2, 2015 at 6:12 am #422272Hi!
Could you provide us with a link to the site in question so that we can take a closer look please?
Best regards,
RikardApril 2, 2015 at 11:07 am #422394Hello 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=0Greetings,
Peter
April 3, 2015 at 5:20 pm #423172Hey!
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,
ElliottApril 9, 2015 at 2:30 pm #425955Hello,
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 :-)
April 10, 2015 at 5:20 pm #426663Hey!
Alrighty, we’ll leave this open. Feel free to reply again when you go live.
Regards,
ElliottJuly 14, 2015 at 10:09 pm #473454Hello,
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.
July 16, 2015 at 11:42 am #474178Hey!
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,
AndyAugust 19, 2015 at 3:38 pm #490144Hello,
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
August 20, 2015 at 3:55 pm #490859Hi!
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,
ElliottAugust 30, 2015 at 12:59 am #495403Also having this exact same issue. All thumbnail images uploaded are 1920×1080. No portfolio setting corrects the size.
August 31, 2015 at 12:29 pm #495743I 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
September 1, 2015 at 8:48 am #496301Hi!
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,
IsmaelMarch 20, 2018 at 1:47 pm #929834Hello,
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
March 22, 2018 at 5:07 am #931020Hi,
@profi_enel: The site is not loading properly. Please open a new ticket or thread. We’ll close this one now.Best regards,
Ismael -
AuthorPosts
- The topic ‘Portfolio grid images do not have equal size’ is closed to new replies.