My Gerg Life – Blog

I am running Zenphoto and really like the StopDesign theme.  However, I have disliked the its default image diplay size.  I believe the default is 480 pixels wide which is too small for me.   I tried modifying this value in the theme configuration with no avail (its the “image size” field).  I even posted a bug report of this issue and got this response.

I finally just went into the code and fixed the problem myself.  You must modify three files in order to change the image size.  The notes below change the default image width to be 680 pixels wide.  There are some equations in the .css file which show how to modify the values to obtain a specified target image size if the notes below don’t suit your needs.  I simply used those equations to modifiy the custom.css file and then had to manually adjust the photos.css entry to get it working correctly; I used Firebug to help me with this process.

Here are the changes to make the image display size 680 pixels wide:

1. In image.php, I changed the default value of 480 to 680.  I made three replacements.
2. In photos.css (in the theme’s directory), in the descText section, I made image-left: 375 px and made width: 25%
3. In custom.css (in the theme’s directory), I followed the equations for each section and got things like width:700px, prev:372, and left: 375.  You must update the numbers in each section to move all the elements to their correct location.

Hopefully, these adjustments work for you too.  If you need more detail, just email me and I can update the post.  You can see my final results here.

Tags: stopdesign, zenphoto

This entry was posted on Friday, November 27th, 2009 at 1:28 pm and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.