I 've added a image in portrait orientation and it completely oversizes when clicking on it in portfolio section. Looks it does not keep dimensions when opening it in portolio. Is there a solution ?
this is how it looks in preview
And this is how it looks on the frontend after clicking the portfolio image (screenshot only showing a part due to complete oversize):
Hi,
Could you send us your site url, admin account and FTP account by comment form? We would like to have a check.
Please remember to check "Private message" for security reason.
We checked and see that you image has height bigger than width so when displaying in portfolio, it will be cut by the size 700x415.
You could take a look at /admin/config/media/image-styles/edit/portfolio_thumbnails.
We think you need to change/ edit ratio of your image or change/ edit images style at above link.
Hi, that is it being resized in the portfolio overview is not an issue. I'd like to keep sizes after clicking the jpeg in in the overview(when it opens 'fullsize' below the overview). --> see "portrait format test" (in portfolio testcase)
So please try this way:
- Open file styles.css (md_alpine/css)
- Find line 1880, remove: width:100%
great - works for this example.
BUT - just tested on on ipad device - landscape pictures are cut now.
Looks we need some kind of 'dynamic" fix ?
enhanced testcase with portfolio "portrait format fix test (landscape photo)". On smaller devices landscape image is now cut.
We checked on ipad and see thumbnails are cut.
As we said at comment #4, thumbnail in portfolio is horizontal image while your uploaded image is vertical image, it can not be fixed.
If you would like to use your vertical image without cutting, please change/ edit image style.
Hi, as said, the thumbnails are not the issue, but after the pics have been clicked and opened should size.
While your new fix works on desktop screens, pics are cut on smaller screens (after they have been in opened in full size (below thumbs)
Check your site please :)
now you get me confused : -) you've added the width 100% again ? landscape pics are fine, but portrait is again oversized ?
Or am I missing something ?
They are all ok now :) You could see from your site.
:-)
please bear with me, but I just opened the page and that's how the portrait photo looks like at my desktop
Please try to clear cache browser. It works well when we check.
Cleared cache, still the same on imac 27 and dell24 monitor.
On ipad and iphone it works well now(portrait and landscape)
Last but not least - I really appreciate your quick support, hope we can get this finally sorted
Here a short demo video
another short update:
a) if styles.css contains "width: 100%" it sizes correctly on IOS devices, but not on desktop
.slides img {
height: auto;
width: 100%
}
b) if styles.css is without "width: 100%" is sizes correctly on desktop, but not on IOS
.slides img {
height: auto;
}
So here seems to be still something to adjust
some more testings done:
a) changed style-responsive.css:
aa) added:
" .slides img {
height: auto;
width:auto; "
So we have now:
a) style-responsive.css:
#
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#portfolio-wrap .portfolio-item {
width: 25%;
}
.pricing-box li h1 {
font-size: 60px;
}
.slides img {
height: auto;
width:auto;
#
b) styles.css
" .slides img {
height: auto;
width: 100%; "
First tests show that now all is sizing well (iphone, ipad, imac27)
You may have a better fix, appreciate your help