Additional Image Icon Position

[dgent]

Can somebody tell me what code to use or where to find the code to adjust the spacing of the additional image icons.

At present, if you have two, they are widely spaced, if you have three or more, the spacing changes. I just want to fix this positioning so the spacing doesnt change (basically, I have moved the add images icons up next to the main product image, and want everything to line up and be uniform no matter how many add images I have rather than them being oddly spaced if I only have two for instance)

Can anyone help?

[dgent]

Done it

[misty]

Done it

HELP OTHERS...why not post how you "DONE IT"

[dgent]

Go to modules, and find additional_images.php

Then at the bottom..

// List Box array generation:
$list_box_contents[$row][$col] = array('params' => 'class="additionalImages centeredContent back"' . ' ' . 'style="width: 80px;"' . $col_width . '10%;"',
'text' => "\n " . $link);
$col ++;
if ($col > (IMAGES_AUTO_ADDED -1)) {
$col = 0;
$row ++;
}
} // end for loop
} // endif


?>

Play around the pixel widths or percentage variables depending on your thumbnail sizes.

[first trading]

Also you play around with these:

#productAdditionalImages {
padding: 0px;
margin-top: -0.2em;
float: left;
margin-right: 0em;
height: 200px;
width: 247px;
}

#productAdditionalImages img {
float: left;
padding: 0px;
margin-top: -1em;
margin-left: -0.5em;
min-width: 40%;
min-height: 40%;
border: 0px solid #ff0000;
}