Full Article image distorted

mrmalkio1

Image aspect ratio is not consistent and is often distorted. How do I get around this.

Also some images don't show in the Masthead, are there certain image types that are suitable?
https://www.awesomescreenshot.com/video/6788992?key=1d545decf5108e26f92e79e89bcaf6b6

saguaros

Hi mrmalkio1

The image inside content of article is set to fit with the container, if you wan it shows fully, you can override with this custom CSS:

.item-page .item-image img {
	max-width: fit-content !important;
}

mrmalkio1

Ok and how would I reduce the padding as well, of the whole article?

mrmalkio1

and where exactly do I place this override. And there where two questions in the original post. What is the other answer?

saguaros

mrmalkio1

For custom css code, you can put into the file: /templates/ja_mono/css/custom.css (Create this file if it doesn't exist).

Which image and which page does it not show? pls tell me more details.

mrmalkio1

saguaros the portion that is not showing is illustrated in the short video that I've posted a link to in the first post.

saguaros

Hi mrmalkio1

I'm not entirely sure of the issue mentioned in the video.

In the module 'Projects' on your site, you set to show 5 items and it's showing correctly on homepage now. If you want to show more, you can configure in module:

About the height of article, if you want it should with the same height like our demo site, you can configure in article settings: