'tall' portfolio thumbnail coming up short

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 23 replies, 2 voices, and was last updated 8 years by David Martin – Support.

Viewing 15 posts - 1 through 15 (of 24 total)

1 2 →

Back to forum

Posted in: Atelier
October 28, 2016 at 11:17 am #299312

aimeandalex
Member

Post count: 73

I have a multi-size masonry portfolio element on my homepage. The ‘tall’ thumbnail is appearing shorter than the ‘wide & tall’ thumbnail next to it.

It’s cropped to the correct size as taken from this page: http://swiftideas.com/documentation/2014/06/21/content-image-sizes/

Attachments:
You must be logged in to view attached files.

October 31, 2016 at 11:46 am #299545

David Martin – Support
Moderator

Post count: 20834

Hi,

The width and height are relative= to each other so the initially uploaded image has to be large enough to be able to reduced down proportionally.

Please test increasing proportionally the dimensions of the tall photo and upload a new one to test.

October 31, 2016 at 5:38 pm #299643

aimeandalex
Member

Post count: 73

The uploaded image is more than double the size of how it’s appearing and it’s the size the documentation states. Can you update the documentation if this isn’t correct?

What size should the image be? I don’t want to keep recropping all day until I happen to find the right size.

November 1, 2016 at 5:49 pm #299873

David Martin – Support
Moderator

Post count: 20834

Hi,

Can you send me a dropbox link of the image before you uploaded to WP so I can test this?

Thanks.

November 2, 2016 at 4:41 pm #300047

aimeandalex
Member

Post count: 73

Hey David, I don’t have the original as I trashed after it was uploaded. The file in the media gallery is definitely correct.

November 3, 2016 at 5:42 pm #300358
David Martin – Support
Moderator

Post count: 20834
Hi,

I have adjusted the image size which has improved the layout.

You can add this CSS to Theme Options => Custom CSS to add a px perfect layout:
```
.portfolio-wrap .multi-masonry-items .portfolio-item figure img {
    max-height: 450px;
}
```
November 3, 2016 at 5:55 pm #300364

aimeandalex
Member

Post count: 73

Hi David, this looks fine when the browser window is full size but the ratio doesn’t maintain at different window sizes. See attachments.

Edit: I’ve also just spotted that all of the thumbnails look horrendous at tablet level, I’ve attached a screenshot for this too.

Attachments:
You must be logged in to view attached files.

November 7, 2016 at 12:04 pm #300733

aimeandalex
Member

Post count: 73

Hey David, sorry I couldn’t edit my reply a second time so had to add another reply. I’ve added another portfolio item and now one of the thumbnails that was previously ok is distorted (see screenshot). It seems that whatever image is in that top right spot breaks.

Attachments:
You must be logged in to view attached files.

November 8, 2016 at 6:26 pm #301068

David Martin – Support
Moderator

Post count: 20834

The image is not big enough to be scaled up to the size you select. At a minimum it should be 1040*1040 for that space.

Regarding the layout on Tablet, have you considered removing the text for smaller screens? You can set three rows, one for each specific screensize.

Thanks.

November 9, 2016 at 1:07 pm #301149

aimeandalex
Member

Post count: 73

Hi David, again, that image is cropped to the size it says on this page:

http://swiftideas.com/documentation/2014/06/21/content-image-sizes/

Could someone update this page as it’s clearly wrong, even though it’s quoted in numerous support tickets.

I don’t really care about the quality of the image, can you just fix the aspect ratio? I don’t have this image in a bigger size.

The issue with the tablet view is not the text, all of the images are stretched and distorted, it looks awful.

November 10, 2016 at 7:28 pm #301418

David Martin – Support
Moderator

Post count: 20834

Hi,

You will need to make the image bigger using Photoshop.

This what I see for tablet sizes:

November 11, 2016 at 6:01 pm #301574

aimeandalex
Member

Post count: 73

Hi David,

I can’t make the image bigger as I don’t own photoshop, I paid someone to make the image giving them the sizes from your documentation.

Is there no code or anything that can just force it to maintain the aspect ratio?

November 14, 2016 at 11:35 am #301761

David Martin – Support
Moderator

Post count: 20834

Hi,

Here is an online tool you can use: https://pixlr.com/editor/

The cannot be forced using CSS as it will distort it.

November 15, 2016 at 2:05 pm #301964

aimeandalex
Member

Post count: 73

Hi David, I’ve replaced the image with one that is 1040 x 1040 but still having the same issue. I think the site is still pulling in the old image, even though I’ve totally removed it from the media library. Please could you take a look?

November 16, 2016 at 4:54 pm #302192

aimeandalex
Member

Post count: 73

Developer at our end here:

I’ve taken a close look into this and there is definitely an issue here as no matter what image I use it is always using a 900×915 image that has been generated. There is no 900×915 option under Settings > Media so I have no idea why this file size is being generated in the first place.

There is also no 1040×1040 image generated in wp-content/uploads folder on the server, which I would expect if this is the size required by the theme. There are however 1024×1024 and 1000×1000 images generated, both of which would be better than the 900×915 image that is being used.

Can you take a closer look at this please as we’re using the right size image (and have tested numerous wrong sized ones) and every time the result is the same.
Back to forum

Posted in: Atelier