I'm working on modifying the item display page in an exhibit. I would like the page to display a nearly full size image, but I've found that part of the image won't appear if it is too wide for the frame. The text-image-left and text-image-right pages display the images in exactly the way I want the item page to display them, but I can't seem to figure out how to make this work on the item page.
Have you tried styling the image with CSS?
Yes. I have tried modifying the id "item-files" in screen.css with the property "padding-right: 18px." In the file item.php, the related code is as follows:
<div id="item-files">
<?php echo exhibit_builder_exhibit_display_item(array('imageSize'=>'fullsize'), array('class'=>'permalink')); ?>
</div>
The images that are wider than the frame still do not display within the frame. I would appreciate any advice you have.
Is it possible to share a link to your test site, so we can see the issue?
Unfortunately, the site is not currently available on a public server. I took a couple of screenshots to demonstrate the problem: http://www.flickr.com/photos/41870139@N02/sets/72157623417955475/. "OmekaSS1" shows the current item display page, with the image being too wide for the frame. "OmekaSS2," from a Text-Image-Left page, shows the way I would like the same image to be displayed on the item page.
Have you tried using the max-width CSS property on the image element?