Your sites Log in Sign up Menu

How to make images appear larger on the entry page in Portfolio template?

I'd like my images to appear larger on the screen when one clicks on them from the grid. I'm using the portfolio template, and couldn't achieve the result by playing with any of the template edit sliders. The images themselves are quite large (2000x long edge) and opening them in a new tab shows them much larger than they are on the entry page. I also tried uploading full-resolution 6000x4000 images and their size did not change. Thanks


8 months ago, 3 replies   developers   portfolio   Improve this question

You'll need to dig into your template's CSS to make these changes, the point and click options will not solve the problem.

The specific CSS which you'll want to remove is in style.css line 481 and 482. As it stands, the CSS ensures the images do not display larger than your reader's screen.

Please let me know if you have any questions about this or anything else

Answered 8 months ago · Improve this answer

Great thank you, that did the trick for desktop. On mobile though clicking the image results in a tiny image, I suspect because the left and right arrows don't scale, so in order to fit everything width-wise the image needs to be smaller.

Answered 8 months ago · Improve this answer

Excellent, please let me know if anything else comes up

Answered 8 months ago · Improve this answer