Repository navigation
Display images at original aspect ratio (without crop) #1317
Unanswered
CascadeHush
asked this question in
Q&A
Replies: 1 comment
|
I know this has been something asked but I just don't have enough time to fix this. For now, if you want to let the image shown in original aspect ratio:
:root {
--article-image-height: unset!important;
}
.article-page .main-article .article-header .article-image img {
max-height: unset;
}
.article-list--tile article .article-image img {
object-fit: contain;
}And then you need to remove the image resize pipeline in
.article-list--compact article .article-image img {
object-fit: contain;
}Also remove the image resize pipeline in That's should be everything. |
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
I've spent hours trying to figure this out. I want my images to be displayed at their original aspect ratio without any crop. As it is they are cropped so only the middle portion of the image is displayed at the full width.
What makes this so frustrating, is that it appears that there are parameters in the tile.html that are simply being ignored. If I look at the outputted HTML, the full original image dimensions are being specified, but the heignt is being stomped on somewhere in the CSS, as far as I can tell, but I can't narrow down where. Even in the inspector in the browser I just can't figure this out.
It seems like a bug because the height and width stuff in tile.html appears to do nothing and then there is code in thumbnail-image.html that is supposed to be processing that but it's all to no avail. I've deleted anything to do with width and height and it doesn't even seem to matter if it is there or not, the output is always the same.
It's a great looking theme, but ultimately unusable because it's cropping images in a strange way that looks great for the sample site but is just not useful in my opionion to the majority of bloggers that don't want their image dimensiones messed with, other than to fit it inside the width of the box it lives in.
All reactions