Hugo

Modify image size with hugo academic?

Hi there, here is my website and if you select “projects” you see that the images are formatted beautifully. However, when you click on the individual project page you see the pictures are oversized. Is there a way to correct this? Thank you.

From a quick inspection, it’s due to the following css:
.article-banner { width: 100%; height: auto; }

whereas in your home page you have:
.col-lg-6 { width: 50%; }

restricting the dimensions.

Looking at the documentation for the Academic theme there are a few options for how images are displayed on pages (scroll down to Featured Image). Have you tried some of the image settings in the front matter?