Some strange issues with Foliage while viewing images.

[benj_gos]

Hi,
I seem to be having a problem with the Foliage theme,
I'm guessing it's probably site specific but maybe someone can send me to some direction to debug this:

Attached are 3 images.
foliage1.jpg - Original screenshot from demo gallery.
foliage2.jpg - Screenshot using the same image in my own gallery, outlined the issues (line size differences and the whole "area" behind the image).
I originally noticed the whole problem because of foliage3.jpg, for some reason the picture simply isn't centered to screen width, it's like it has a fixed space from the left. (problem might be unrelated to the issues in foliage2.jpg)

I'm using CPG 1.4.10.
no mods i can think of that might have anything to do with it (disabled some language file checking)
Clean Foliage (tried with and without the "fixed" css)
Disabled plugins globally, no change.

Tried with other themes such as Hardwired and classic, happens only in Foliage.

Any help would be great!

Thanks,
Benji

[Gizmo]

Hi Benj,

I haven't forgot about your other issue in IE but maybe this issue is because of your settings in Config. It's hard to tell without being able to access your site (you didn't send me login info only an address). Anyway, try the theme.php file that I've attached (remove the .txt extension) and get back here with your results. Because this is a fixed width theme, you need to set the main table width and picture table width to 100%. It's all taken care of in the new theme.php file. I ported this theme in my early excursions so wasn't aware that I could set config settings in the file.

Get back here with your results. Thanks.

[benj_gos]

Hi,
Didn't think for a moment that you forgot about it! 

First things first, IM'd you the login info, i just guessed you wouldn't need it originally for the shelf problem (since the shelf is accessible in the login page).

Anyway checked out the new theme.php.
The issue with the foliage2.jpg is fixed. 

But now the width of the images in the intermediate view is fixed so images are resized instead of using the width of the intermediate image. (which is my case is usually 700 pixels max)
Check out in my site and you can compare the original Foliage theme with the second installed Foliage theme.

Thanks for all the help!!

[Gizmo]

Yes, the new theme.php file I attached would resize intermediate images to that they fit within the bounds of the theme. This width is what the original designer had intended but if you want to use your intermediate image at it's full width, you will have to edit width of the #content selector in the style_wp.css file. This is a "fixed" width theme so you have to decide what width you want to use. Are all your intermediate images 700px wide? If so then set the width to be 725px or so. If they are of different sizes because you change the settings in the Config then you will have to determine what width works best with all your sizes.

Use the original theme.php file for this modification. Find in the style_wp.css

Code Select Expand

#content {
width: 65em;


and change to

Code Select Expand

#content {
width: 72.5em;


For this layout, 1em = 10px. I don't know what, if any effects this will have on the other pages so you will have to test to see. Let me know how you make out.

[benj_gos]

Ok using 73em seems to work well.
All my intermediate images are 700px wide and It doesn't seem to have any other strange effects anywhere...
How would i combine the fix from the previous theme.php you posted into the original theme.php?

Also, I just noticed that using the theme.php you posted there's an issue in the album view.
Instead of it being 2 albums a row there are now 4 albums a row...

[benj_gos]

Ok, modifying the new theme.php, function compute_img_size_max $max = 700 fixes the intermediate image size...
Also, found the album_list_cols, tried setting it to 2 instead of 4 but of course it didn't take it back to the original Foliage way of listing albums...
(buttons and album info are above\below instead of on the right of the album cover image.)

One more thing i noticed is that the login page is over stretched when the table width is 100%, 80%-85% seems the right width for it IMO... (probably also exists in other places that i just didn't notice yet)

Benji

[Gizmo]

Yea... these are the issues you have to deal with when making changes to a fixed width theme. Like I mentioned above, use the original theme.php file and make the changes to the style_wp.css file. This will give you back the original theme only wider. I'm not sure of all the changes you've made so I can't say what's causing your login page to stretch but if you're happy with your changes then that's all that counts.

Cheers!

[benj_gos]

hehe,
actually i'm stuck between the two theme.php files. 

well, basically the only major problem i currently have with the original theme.php is that even with the modification of the content width in the css, the intermediate images are not placed correctly. (basically what the theme.php you posted here fixes, but causes the album view problems)

As far as i can tell, setting the content width in the css is similar to modifying the main_table_width in the new theme.php so i'm still missing a way to modify the "picture_table_width" to correct the problem seen in the screenshots i posted above (you can check the site to see what i mean)

Any idea how i could fix that?

[Gizmo]

In the new theme.php, delete the code for $template_album_list and $template_album_list_cat. This give you the default album layouts. There's more to the content width than meets the eye but I'm not going to start a study program on css layout here. Do seach on keywords like css, themes, layout, etc and be prepared for some light reading.

[benj_gos]

Great,

Thank you so much for all the help!!