[SOLVED] Gallery breaking problem with NextGEN and Atahualpa
 

Hi all, searched on this, but could not find a specific answer. I'm having an issue where sometimes when displaying the a NextGEN gallery, the combination of NextGEN/Atahualpa is causing the images to not break correctly.

Take a look at http://wp.tombeauchamp.com/ and check the third entry, "Riding the Sussex Branch Trail", which includes a gallery with 11 pictures. On very wide browser widths, all 11 images fit on a single row. As the browser window is reduced in width, the images rebreak with the following in each row (I put it in bold when it does it correctly):

10
1

9
2

8
2 (aligned incorrectly to the right)
1

7
1 (aligned incorrectly to the right)
3

6
5

5
5
1

4
4
2 (aligned incorrectly to the right)
1

3
3
3
2

Seems to be happening with both FF3 and IE8. The problem does not happen with themes other than Atahualpa.

Thanks,
Tom

There is a line of CSS causing the issue it is
so try this. Add the following to the CSS insert
I'm not certian it will null out the style, but give it a shot.

Thanks. That insert didn't null it out, so I just went into the css.php and commented out the offending section. I don't see it causing any problems in either Firefox or Safari that the "/* FF & Safari need auto */" comment would indicate it might, so looks like it's good to go.

Thanks again!
Tom

Changed

div[class~=post] img {

to

div.post img[class~=size-full] {

plus limited this and the rule above it (img max-width) to fluid width layouts

for 3.4.1

This should now restrict the auto image resizing to images that were inserted through WP in "full size" mode, in fluid width layouts. Images inserted through plugins like NextGen should not be affected anymore. The weird selector is a hack to hide this rule from IE6